首页 > 解决方案 > 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 */
     ],
  ),

);

标签: flutterflutter-layout

解决方案


尝试用 Expanded 替换 Row+Flexible。

如前所述,scrollDirection: Axis.horizontal也使用。

https://dartpad.dartlang.org/ec28750de6310c2b4d397250aa9e22d1

在此处输入图像描述


推荐阅读