问题描述
我正在使用 Flutter_staggered_grid_view: ^0.3.4
构建一个包含 5 个元素(图块)的菜单,我想根据特定的布局显示这些元素,在下面您将找到所需输出的图像和我当前拥有的输出,
到目前为止,这是我的代码:
Padding(
padding: const EdgeInsets.symmetric(horizontal: 14),child: StaggeredGridView.countBuilder(
shrinkWrap: true,itemCount: gridItems.length,crossAxisspacing: 2,mainAxisspacing: 2,crossAxisCount: 4,itemBuilder: (context,index) {
return GestureDetector(
child: gridItems[index]);
},staggeredTileBuilder: (index) {
return StaggeredTile.fit(2);
}),),
我得到的最接近的是:
• StaggeredTile.fit(2)
和
• StaggeredTile.count(2,1)
他们都给出了相同的结果。
这是图片:
解决方法
这不是你要找的东西,而是
StaggeredTile.fit(index.isEven ? 2 : 1);
会让你在两行上均匀地显示 5 个瓷砖