Container

介绍

Container是Flutter中非常重要的一个widget，它可以包裹其它widget，并控制它们的布局、尺寸和样式。通过Container，我们可以实现各种复杂的布局效果，并对其进行自定义样式。

基本用法

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

在上面的例子中，我们创建了一个简单的Container，并在其中放置了一个Text widget。这将在屏幕上显示一段文本。

参数

child

• 类型：Widget
• 默认值：null
• 作用：指定Container中要显示的子widget。

width、height

• 类型：double
• 默认值：null
• 作用：指定Container的宽度和高度。

color

• 类型：Color
• 默认值：null
• 作用：指定Container的背景颜色。

padding、margin

• 类型：EdgeInsetsGeometry
• 默认值：null
• 作用：分别指定Container内部内容与容器边缘之间以及容器本身与外部元素之间的间距。

示例

Container(
  width: 200,
  height: 100,
  color: Colors.blue,
  padding: EdgeInsets.all(10),
  margin: EdgeInsets.symmetric(vertical: 20),
  child: Text('Hello, Container!'),
)

在这个例子中，我们创建了一个具有固定宽度和高度、蓝色背景、内边距10、垂直外边距20的Container，并在其中放置了一段文本。这将在屏幕上显示一个带有样式效果的文本框。