flutter - Flutter:如何从列表中水平生成 Raisedbuttons?
问题描述
我遇到了这个问题,我有一个要在同一行中显示的选项列表。这段代码生成了我想要的按钮,但是每个按钮都占据了整行。这使得按钮垂直而不是水平堆叠。帮助?
Container(child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Row(children: <Widget>[
Flexible(
child: ListView.builder(
physics: const NeverScrollableScrollPhysics(),
itemCount: this.item.sizes.length,
shrinkWrap: true,
itemBuilder: (BuildContext context, int index) {
return _sizeButton(index);
},
),
),
],
/* SOME OTHER WIDGETS */
],
),
);
解决方案
尝试用 Expanded 替换 Row+Flexible。
如前所述,scrollDirection: Axis.horizontal
也使用。
https://dartpad.dartlang.org/ec28750de6310c2b4d397250aa9e22d1
推荐阅读
- c# - Trace.TraceError 在使用 minlevel="Error" 时未写入任何日志
- java - Java - Socket.io 发出但不触发侦听器
- mysql - 我可以使用我的本地工具使用 root 帐户连接远程服务器的 mysql。但是我无法在远程服务器上`mysql -u root -p xxx`连接
- java - 使用 intellij 运行时单元测试中的系统属性
- python - mongoengine - RuntimeError:生成器引发 StopIteration
- object-detection - 无法使用不同的 coreml 对象实时捕获对象检测
- javascript - 通过chrome扩展将按钮插入当前页面,但某些方法不起作用
- ios - 如何删除应用内购买:从我的 iOS 应用中自动更新订阅
- html - favicon.ico 缺少 32x32 48x48 的大小,尽管它已声明
- javascript - 如何在 JavaScript 文件(.js 扩展名)中禁止 JSX 语法