【问题标题】:How to achieve different item heights in sliver grid如何在条子网格中实现不同的项目高度
【发布时间】:2019-05-20 04:58:52
【问题描述】:

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

grid in flutter

【问题讨论】:

标签: dart flutter height sliver-grid


【解决方案1】:

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

我遇到了类似的问题,去查看docs here。没有明确的方法来声明高度,但我使用了SliverGridDelegatechildAspectRatio 属性。比率 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,
        ),
      )

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-02-24
    • 2013-09-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多