Layout 自动将窗口小部件包装到Flatter中的新行

我有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'))
]

[
新建RaisedButton（子项：const Text（'Foo'）），
新建RaisedButton（子项：const Text（'Foo Bar'）），
新建RaisedButton（子项：const Text（'Foo-Bar-Bas'）），
新建RaisedButton（子项：常量文本（'F'）），
新建RaisedButton（子项：常量文本（'B'））
]

您需要的是

包装

小部件：

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'))
      ],
    );

---

文本呢？哇。Flitter确实有一个小部件来处理所有事情。谢谢，这正是我想要的！如果按钮超出其父级的宽度，它会很好地将按钮包装到第二行。

Wrap(
            runSpacing: 5.0,
            spacing: 5.0,