将小部件自动装配到颤动的新线路

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

该Wrapwidget是你所需要的:

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