Flutter示例中的流布局

Flutter示例中的流布局

使用

Wrap

代替

Flow

。

Flow

用于更复杂的自定义布局。

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: Text('AH')),        label: Text('Hamilton'),      ),      Chip(        avatar: CircleAvatar(backgroundColor: Colors.blue.shade900, child: Text('ML')),        label: Text('Lafayette'),      ),      Chip(        avatar: CircleAvatar(backgroundColor: Colors.blue.shade900, child: Text('HM')),        label: Text('Mulligan'),      ),      Chip(        avatar: CircleAvatar(backgroundColor: Colors.blue.shade900, child: Text('JL')),        label: Text('Laurens'),      ),  ],)