flutter 写一个 container 里面包含一个 column,里面3个 container
时间: 2024-03-12 21:49:16 浏览: 69
flutter_calculator:一个简单的计算器,在Flutter中创建
好的,下面是一个简单的示例代码,演示如何使用Flutter创建一个Container,其中包含一个Column,其中包含3个Container:
```dart
Container(
color: Colors.blue, // 设置Container的背景颜色
padding: EdgeInsets.all(16.0), // 设置Container的内边距
child: Column(
children: <Widget>[
Container(
height: 100,
color: Colors.white,
child: Center(
child: Text('Container 1'),
),
),
SizedBox(height: 16.0), // 两个Container之间添加一些空白间距
Container(
height: 100,
color: Colors.white,
child: Center(
child: Text('Container 2'),
),
),
SizedBox(height: 16.0), // 两个Container之间添加一些空白间距
Container(
height: 100,
color: Colors.white,
child: Center(
child: Text('Container 3'),
),
),
],
),
)
```
在上面的代码中,我们首先创建了一个Container,并设置了其背景颜色和内边距。然后,我们在Container中创建了一个Column,其中包含三个高度为100的Container,每个Container中包含一个居中对齐的文本。最后,我们在每个Container之间添加了一些空白间距,以使它们看起来更好。
阅读全文