Flutter Wrap组件实现自动布局

最新推荐文章于 2024-04-08 02:28:22 发布

computerclass

最新推荐文章于 2024-04-08 02:28:22 发布

阅读量296

点赞数

分类专栏： flutter 文章标签： flutter wrap 自动布局

本文链接：https://blog.csdn.net/computerclass/article/details/120022119

版权

flutter 专栏收录该内容

220 篇文章 1 订阅

订阅专栏

Flutter Wrap组件实现自动布局，当前一行空间不够时，自动在下一行布局。

Wrap(
  spacing: 8.0, // gap between adjacent chips
  runSpacing: 4.0, // gap between lines
  children: <Widget>[
    Chip(
      avatar: CircleAvatar(backgroundColor: Colors.blue.shade900, child: const Text('AH')),
      label: const Text('Hamilton'),
    ),
    Chip(
      avatar: CircleAvatar(backgroundColor: Colors.blue.shade900, child: const Text('ML')),
      label: const Text('Lafayette'),
    ),
    Chip(
      avatar: CircleAvatar(backgroundColor: Colors.blue.shade900, child: const Text('HM')),
      label: const Text('Mulligan'),
    ),
    Chip(
      avatar: CircleAvatar(backgroundColor: Colors.blue.shade900, child: const Text('JL')),
      label: const Text('Laurens'),
    ),
  ],
)