颤动中的交错网格视图

Question

我正在制作一个类似 instagram 的网格，其中每七个元素都是 2X1。问题是我想在第七索引处显示不同的小部件，但我的代码拆分了 gridTile 小部件而不是显示不同的小部件。

代码：-

return StaggeredGridView.countBuilder(
    shrinkWrap: true,
    crossAxisCount: 3,
    itemCount: gridTile.length,
    itemBuilder: (context,index)=>gridTile[index],
    staggeredTileBuilder: (index)=>StaggeredTile.count(
      1,(index%7==0)?2:1,
    ),
  );

Answer 1

只需如下更改您的 itemBuilder 代码行，而不是“yourWidget”，请写下您想要的小部件名称 return。

itemBuilder : (context, index) {
  return index % 7 == 0 ? yourWidget : gridTile[index];
},

颤动中的交错网格视图

staggered grid view in flutter

gridview

flutter