flutter 2个container 边距
时间: 2023-11-27 10:52:27 浏览: 74
flutter Container容器实现圆角边框
您可以在 `Container` 中使用 `padding` 或 `margin` 属性来设置边距。
例如,以下代码创建两个 `Container`,并在它们之间添加 `10` 个逻辑像素的垂直间距:
```dart
Column(
children: [
Container(
color: Colors.blue,
height: 100,
width: 100,
margin: EdgeInsets.all(10),
),
Container(
color: Colors.red,
height: 100,
width: 100,
margin: EdgeInsets.all(10),
),
],
)
```
在上面的代码中,我们使用 `Column` 将两个 `Container` 垂直排列,并在它们之间添加了 `10` 个逻辑像素的垂直间距。每个 `Container` 使用 `margin` 属性添加了 `10` 个逻辑像素的外边距。这将使得每个 `Container` 在其周围添加 `10` 个逻辑像素的空白区域。
阅读全文