Gridview Flutter的水平居中最后一个奇数项

问题描述 投票:0回答:1

我正在使用Gridview构建器延迟显示我的项目。我的gridview's项数为5,crossAxiscount为2。是否有办法将第5个项水平居中?谢谢您的帮助。

这是我的Gridview的样子:

GridView.builder(
 shrinkWrap: true,
 itemCount: list.length, //the value is 5
 gridDelegate:
  SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
   itemBuilder: (BuildContext context, int i) {
     return card(i); //widget that returns a card
  },
),
flutter dart gridview flutter-layout
1个回答
0
投票

我终于找到了应该做的。由于我的GridView's itemcount是静态的并且已知是5,所以我可以简单地使用card(i)小部件包装Wrap并将其alignment以及crossAxisAlignment设置为居中。

这是我解决问题的方式:

Wrap(
 spacing: 8, //vertical spacing
 runSpacing: 8, //horizontal spacing
 alignment: WrapAlignment.center,
 crossAxisAlignment: WrapCrossAlignment.center,
  children: <Widget>[
   card(0),
   card(1),
   card(2),
   card(3),
   card(4),
  ],
),
© www.soinside.com 2019 - 2024. All rights reserved.