你可以使用 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 组件之间的间距。

Flutter 自动换行组件:使用 Wrap 轻松实现

原文地址: http://www.cveoy.top/t/topic/mI9D 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录