Flutter 常用布局之Container

在Flutter中，Container是一个非常基本的控件，它是一种布局控件，可以用来创建一个有边界的控件，并且可以设置背景颜色、边框、阴影等效果。

以下是一些使用Container的示例：

1. 创建一个简单的Container：

Container(
  child: Text('Hello, World!'),
)

2. 设置Container的背景颜色：

Container(
  color: Colors.blue,
  child: Text('Hello, World!'),
)

3. 设置Container的边框：

Container(
  decoration: BoxDecoration(
    border: Border.all(color: Colors.blue, width: 2.0),
  ),
  child: Text('Hello, World!'),
)

4. 设置Container的阴影：

Container(
  decoration: BoxDecoration(
    boxShadow: [
      BoxShadow(
        color: Colors.black54,
        offset: Offset(2.0, 2.0),
        blurRadius: 4.0,
      ),
    ],
  ),
  child: Text('Hello, World!'),
)

5. 设置Container的边距和填充：

Container(
  margin: EdgeInsets.all(10.0),
  padding: EdgeInsets.all(10.0),
  child: Text('Hello, World!'),
)

6. 设置Container的宽度、高度和转换：

Container(
  width: 200.0,
  height: 200.0,
  transform: Matrix4.rotationZ(0.1),
  child: Text('Hello, World!'),
)

Container是Flutter布局中的基础控件之一，可以用来装饰和布局其他控件。通过组合不同的属性，可以创建各种各样的UI效果。