Макет потока в примере флаттера

Question

Я хочу реализовать макет потока во флаттере. Я нашел класс с именем FLOW в SDK, но не смог найти пример кода о том, как его использовать

вот схема, которую я пытаюсь достичь

Answer 1

Используйте Wrap вместо Flow.

Flow для более сложной пользовательской раскладки. Wrap - это то, что используется для создания макета на скриншоте.

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