Flutter基础篇（十八）—— 装饰容器

装饰容器

在 Flutter 中，可以使用 DecoratedBox 来给子组件进行装饰，比如：背景、边框、渐变等等。DecoratedBox 的定义：

const DecoratedBox({
  Decoration decoration,
  DecorationPosition position = DecorationPosition.background,
  Widget child
})

• decoration —— 代表将要绘制的装饰，类型为 Decoration
• position —— 决定在哪里绘制装饰，它接收 DecorationPosition 这个枚举类，可选值有两个：

1. background —— 表示背景装饰
2. foreground —— 表示前景装饰

BoxDecoration

通过会直接使用 BoxDecoration 类来实现装饰元素的绘制，它是 Decoration 的子类。定义：

BoxDecoration({
  Color color, //颜色
  DecorationImage image,//图片
  BoxBorder border, //边框
  BorderRadiusGeometry borderRadius, //圆角
  List<BoxShadow> boxShadow, //阴影,可以指定多个
  Grad