Flutter - 自定义交错网格视图

如何解决Flutter - 自定义交错网格视图

我正在使用 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 个瓷砖