layout - 在颤动中将小部件自动包装到新行
问题描述
我有 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'))
]
解决方案
该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'))
],
);
您还可以将属性添加runSpacing
到spacing
您的Wrap
小部件中,以便在水平和垂直的项目之间留出更多空间。
Wrap(
runSpacing: 5.0,
spacing: 5.0,
推荐阅读
- wcf - 无法为 WCF SOAP 请求设置 ClientCredentials
- javascript - 在悬停时播放视频但使用不同的 div
- php - 在 Guzzle 6 中读取大型 JSON API 响应的正确方法是什么?
- bluetooth - CSR8510 A10 蓝牙驱动兼容 Windows 10 pro
- apache-spark - 任务所花费的火花和隔离时间
- c# - 使用outlook office365 c#代码发送邮件失败
- c - 为什么我的代码在 for 循环后不能打印数组?
- android - 尽管处理了错误,但空的 android edittext 仍然使应用程序崩溃
- pandas - Groupby 一列并根据另一列拆分计数
- asp.net - Select2 webforms在使用ajax“未找到结果”返回结果后未绑定