flutter - 如何在 Flutter 中实现交错 GridView ?

我想在 Flutter 中实现交错 GridView - 例如 Pinterest 交错 GridView (以前通过 their own Android Widget 实现,现在通过 Google 的 StaggeredGridLayoutManager 实现)。

所以要求是:

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

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

最佳答案

我已更新 flutter_staggered_grid_view包。

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

您必须使用 StaggeredTile.fit(this.crossAxisCellCount) 构造函数来创建图 block 。

希望对你有帮助。

https://stackoverflow.com/questions/50435467/

相关文章:

ios - 关闭 Cupertino 对话 Action Flutter

flutter - Flutter 中按钮中的自定义图像

firebase - 我可以使用 StreamBuilder 在 Firestore 中收听单个文档

dart - 在小部件或状态上保留最终字段?

dart - flutter 相机插件

dart - API调用后有状态小部件的 flutter 计时问题

dart - 根据当前查看的页面更改 AppBar 的颜色和文本

dart - Flutter - 显示来自相机的本地镜像

email - 使用 Flutter 的电子邮件进行 Firebase 身份验证

flutter - 使用谷歌地图的两个屏幕返回应用程序的问题