flutter - 如何在 Flutter 中实现交错网格视图？

Question

我想在 Flutter 中实现一个交错网格视图——例如 Pinterest 交错网格视图（以前通过他们自己的 Android Widget实现，现在通过谷歌的StaggeredGridLayoutManager实现）。

所以要求是：

• 项目是通过 API 获取的 - 所以我需要类似于 GridView.builder 或 ListView.builder 的东西，这样我就可以实现无限滚动
• 要在网格视图中显示的每个项目由以下部分组成：
  • 图像 - 例如图片
  • 一些文本/视觉信息，包括：可变长度字符串（可能跨越两行或多行）、图标、其他一些文本（例如金额）

我知道有一个名为flutter_staggered_grid_view的插件，但这没有用，因为它需要提前知道网格的每个图块的精确高度——这当然不是我的情况。

标签： flutter

Answer 1

我已经更新了flutter_staggered_grid_view包。

现在您可以像这样添加适合其内容大小的图块：

您必须使用StaggeredTile.fit(this.crossAxisCellCount)构造函数创建图块才能做到这一点。

希望能帮助到你。