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

Question

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

颤动的网格

Answer 1

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

我遇到了类似的问题，并在此处查看文档。没有明确的方法来声明高度，但我使用childAspectRatio了SliverGridDelegate. 比率为 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,
        ),
      )

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