flutter StaggeredGridView 按条件显示图 block

Question

我在我的一个 Flutter 项目中使用 StaggeredGridView。根据数据可用性，我不想加载几个tiles。

例如。我展示了 5 个图 block ，其中 3 个依赖于网络上可用的数据。有时可能需要 10 到 15 秒。现在，如果我返回一个 Container() 直到我的数据被加载，那么它也会占据布局中的整个空间。

如果数据不可用或加载时间过长，我不想将该图 block 添加到网格中。加载后应显示。

提前致谢

Answer 1

当您创建 StaggeredGridView 时，设置 staggeredTiles 属性并确保您为显示的图 block 传入 StaggeredTile.fit(1)你想隐藏。这样磁贴将包裹其内容，因此如果没有内容，它将被隐藏。