flutter - 如何在 Flutter 中使用 GridView 创建不同大小的单元格？

Question

我想用 Flutter 创建一个类似的 View ，因为我们可以通过在 iOS 中创建一个 UICollectionViewLayout 来实现。

这是我正在使用的示例代码。 https://github.com/flutter/flutter/blob/b8a2456737c9645e5f3d7210fba6267f7408486f/dev/integration_tests/flutter_gallery/lib/demo/material/grid_list_demo.dart

如何在 Flutter 中使用 GridView 实现这一点。如果不是GridView，还有其他方法吗？

Answer 1

GridView 并非设计用于执行此操作。您也许可以获得 Wrap做你想做的事，尽管从你的例子来看它可能不会完全做到(水平方向肯定不会，因为它将项目排列成行；垂直方向它可能适合你，也可能不适合你，具体取决于你在做什么)。

如果您只打算拥有两列，您可以简单地拥有一个包含两列的行，并确保将项目放在正确的列中。

或者更复杂但可能是最好的答案是自己编写以这种方式排列项目的逻辑 - 参见 CustomMultiChildLayout .

编辑:还有一个可能适合您的软件包。它不能做任意大小，你需要提前知道项目的大小，但你可以指定项目占据网格的多行或多列。参见 it here .

请注意，如果您有很多项目，您可能想要用 CustomScrollView 做一些事情。但这实际上不在这个答案的范围内。