Container布局

Container布局是一种常见的布局方式，它是Flutter中的基本布局之一。Container可以包含一个子节点，并可以定义它的大小、背景颜色、边框、圆角等属性。Container布局可以通过设置不同的属性来实现不同的布局效果。

下面是一些常用的Container属性：

- alignment：指定子节点的对齐方式。
- width、height：指定Container的宽度和高度。
- margin：指定Container与周围元素的距离。
- padding：指定子节点与Container边缘的距离。
- decoration：指定Container的装饰，如背景颜色、边框、圆角等。

使用Container布局可以实现不同的UI效果，比如按钮、图标、文本、图片等。例如，下面的代码实现了一个带有边框和圆角的Container：

Container(
  width: 100,
  height: 50,
  decoration: BoxDecoration(
    color: Colors.white,
    border: Border.all(color: Colors.grey),
    borderRadius: BorderRadius.circular(10),
  ),
  child: Text('Hello World'),
)

这个Container的宽度为100，高度为50，背景颜色为白色，边框为灰色，圆角半径为10，子节点为一个文本组件。