Flutter – BoxDecoration 小部件

在 Flutter 中，装饰容器 DecoratedBox 中的 decoration 属性可以用于设置一个 BoxDecoration 对象，BoxDecoration 将被用于绘制装饰。以下是一些 BoxDecoration 的常用属性：

• color：背景颜色
• gradient：背景渐变
• borderRadius：四周圆角
• border：边框
• boxShadow：阴影
• shape：形状（可以使用 BoxShape.circle 来创建圆形）

下面的示例代码演示了如何使用 BoxDecoration 来创建一个带阴影和圆角的矩形容器。

Container(
  width: 200,
  height: 200,
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(8),
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5),
        blurRadius: 5,
        offset: Offset(0, 3),
      ),
    ],
  ),
  child: Center(
    child: Text('Flutter'),
  ),
)

上面的示例代码中，容器的背景颜色设置为白色，圆角设置为 8 像素，阴影设置为灰色、5 像素模糊半径和 3 像素垂直偏移量。容器中心的子部件是一个文本。

可以在 BoxDecoration 的任何属性发生更改时，动态更新 DecoratedBox 的 decoration 属性，以实现动画效果。