Flutter 自动换行组件:使用 Wrap 轻松实现
你可以使用 Wrap 组件来实现自动换行的操作。Wrap 组件可以将子组件自动换行,以便适应容器的大小。
以下是一个示例代码:
Wrap(
spacing: 8.0, // 水平间距
runSpacing: 4.0, // 垂直间距
children: <Widget>[
Chip(
label: Text('Apple'),
backgroundColor: Colors.red,
),
Chip(
label: Text('Banana'),
backgroundColor: Colors.orange,
),
Chip(
label: Text('Cherry'),
backgroundColor: Colors.pink,
),
Chip(
label: Text('Durian'),
backgroundColor: Colors.green,
),
Chip(
label: Text('Grapes'),
backgroundColor: Colors.purple,
),
Chip(
label: Text('Kiwi'),
backgroundColor: Colors.brown,
),
],
)
在这个示例中,我们创建了一个包含多个 Chip 组件的 Wrap 组件。Wrap 组件将自动将这些 Chip 组件进行换行,以适应容器的大小。我们还可以使用 spacing 和 runSpacing 属性来调整 Chip 组件之间的间距。
原文地址: http://www.cveoy.top/t/topic/mI9D 著作权归作者所有。请勿转载和采集!