面试题：Flutter中Container样式定制：如何实现带有渐变背景且圆角的Container

Question

在Flutter中，描述如何创建一个Container，其背景为线性渐变，同时四个角为圆角，并且需要指定圆角半径。请给出关键代码片段，并解释其中涉及到的主要类和属性。

Answer 1

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.all(Radius.circular(10)),
    gradient: LinearGradient(
      colors: [Colors.blue, Colors.green],
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
    ),
  ),
)

1. Container：Flutter中用于创建一个矩形框的组件，可包含子组件，设置其属性来改变外观和行为。
2. BoxDecoration：用于装饰Container，通过该类设置背景渐变、圆角等效果。
3. borderRadius：BoxDecoration的属性，用于设置Container的圆角，BorderRadius.all表示四个角设置相同的圆角，Radius.circular(10)表示圆角半径为10像素。
4. gradient：BoxDecoration的属性，用于设置线性渐变，LinearGradient类定义渐变的颜色数组（colors），以及渐变的起始（begin）和结束（end）位置。这里起始于左上角，结束于右下角，渐变颜色从蓝色到绿色。