Flutter

Question

我正在使用 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)

他们都给出了相同的结果。

这是图片：

Answer 1

这不是您要找的东西，但是

StaggeredTile.fit(index.isEven ? 2 : 1);

将在两条线上均匀显示 5 个图块

Flutter - 自定义交错网格视图

Flutter - Custom staggered grid view

gridview

dart

staggered-gridview