如何在条子网格中实现不同的项目高度

Question

我想创建一个购物车应用。我使用了具有不同高度的不同项目的 Sliver 网格，但它不起作用。请帮忙

grid in flutter

Answer 1

这不是针对您的特定问题的答案，但它可以帮助任何只想调整所有 SliverGrid 项目高度的人。

我遇到了类似的问题，去查看docs here。没有明确的方法来声明高度，但我使用了SliverGridDelegate 的childAspectRatio 属性。比率 1 表示条子项保持其预设高度。任何高于 1 的比率都会降低高度。为了增加高度，我使用了小数比。

childAspectRatio: 0.5,

这是 SliverGrid 及其委托的完整代码以及占位符项目的简单呈现：

SliverGrid(
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 2,
          childAspectRatio: 0.5,
        ),
        delegate: SliverChildBuilderDelegate(
              (BuildContext context, int index) {
            return Card(
              child: Text(
                  "Item $index"
              ),
            );
          },
          childCount: 10,
        ),
      )

请注意，这将改变所有网格项的高度。