“包装”小部件-物品对齐

时间:2019-07-26 21:44:46

标签: flutter flutter-layout

是否有一种方法可以对齐所有行中的Wrap小部件项目,除了最后一行与spaceAround和最后一行与start对齐?还有另一种方法吗?行数和列数不应该固定-它取决于设备的宽度和高度。

    showModalBottomSheet(
    context: context,
    builder: (BuildContext bc) {
      return SingleChildScrollView(
        child: new Wrap(
          direction: Axis.horizontal,
          spacing: 10.0,
          alignment: WrapAlignment.spaceAround,
          children: <Widget>[
             //items
          ],
        ),
      );
    });

查看屏幕截图,其实际外观如何。我需要最后一行与其他行具有相同的间距,并从左侧开始。

enter image description here

1 个答案:

答案 0 :(得分:1)

AFAIK无法使用Wrap小部件来实现这一点,但是类似的效果会使用extent构造函数生成GridView:

        GridView.extent(
          children: List.generate(10, (index) {
            return Center(
              child: Icon(
                Icons.star_border,
                size: 100.0,
              ),
            );
          }),
          maxCrossAxisExtent: 150.0,
        )

enter image description here