自动将窗口小部件自动换行

Question

我有5个大小不同的小部件，如果彼此相邻放置，它们会溢出。

我正在寻找一个布局帮助器类，该类将小部件限制在水平空间并自动将小部件自动换行。首先，我正在寻找一个网格视图，但是我宁愿选择一个独立的视图，因为所有元素的宽度都不同。多行文本字段实际上已经做到了，我只需要对小部件使用相同的方法。有什么想法吗？

<Widget>[
    new RaisedButton(child: const Text('Foo')),
    new RaisedButton(child: const Text('Foo Bar')),
    new RaisedButton(child: const Text('Foo Bar Bas')),
    new RaisedButton(child: const Text('F')),
    new RaisedButton(child: const Text('B'))
]

Answer 1

您需要Wrap小部件：

return Wrap(
      children: <Widget>[
        new RaisedButton(child: const Text('Foo')),
        new RaisedButton(child: const Text('Foo Bar')),
        new RaisedButton(child: const Text('Foo Bar Bas')),
        new RaisedButton(child: const Text('F')),
        new RaisedButton(child: const Text('B'))
      ],
    );