blocks|key|1479748|text|GridView的设计并不是为了做到这一点。您可能会得到一个包装来做您想做的事情，尽管从您的示例来看，它可能不完全这样做(从水平角度看，它肯定不会将项目排成行；垂直方向上它可能对您有效，也可能不取决于您正在做的事情)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1479749|如果您只想拥有这两列，您可以只需要一个包含两个列的行，并确保将这些项放在正确的列中。|1479750|或者，更复杂但可能是最好的答案是编写这样安排项目的逻辑--参见CustomMultiChildLayout。|1479751|编辑:也有一个包，可能对你有用。它不能进行任意大小调整，您需要预先知道项的大小，但是可以指定项来占用网格中的多个行或列。见它在这里。|1479752|请注意，如果您有很多项，您可能希望使用CustomScrollView来做一些事情，但这并不是这个答案的范围。|1479753|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.flutter.io/flutter/widgets/Wrap-class.html|1|https://docs.flutter.io/flutter/widgets/CustomMultiChildLayout-class.html|2|https://pub.dartlang.org/packages/flutter_staggered_grid_view|3|https://docs.flutter.io/flutter/widgets/CustomScrollView-class.html^0|U|2|0|0|0|V|M|1|0|1P|4|2|0|J|G|3|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|H|3|I|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|J|3|K|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|L|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]|T|$5|O|P|Q|C|$R|U]]|V|$5|O|P|Q|C|$R|W]]|X|$5|O|P|Q|C|$R|Y]]]]

GridView is not designed to do this. You may be able to get a <a href="https://docs.flutter.io/flutter/widgets/Wrap-class.html" rel="noreferrer">Wrap</a> to do what you want, although from your example it may not quite do it (horizontally it definitely wont as it arrange the items into rows; vertically it might work for you or might not depending on exactly what you're doing).

If you're only ever going to have the two columns, you could simply have a Row containing two Columns and make sure to put the items in the right columns.

Or the more complicated but probably best answer would be to write the logic for arranging the items this way yourself - see <a href="https://docs.flutter.io/flutter/widgets/CustomMultiChildLayout-class.html" rel="noreferrer">CustomMultiChildLayout</a>.

EDIT: there is also a package that may work for you. It can't do arbitrary sizing, and you need to know the sizes of the items in advance, but you can specify items to take up multiple rows or columns of the grid. See <a href="https://pub.dartlang.org/packages/flutter_staggered_grid_view" rel="noreferrer">it here</a>.

Note that if you have a lot of items, you'll probably want to do something with a <a href="https://docs.flutter.io/flutter/widgets/CustomScrollView-class.html" rel="noreferrer">CustomScrollView</a> but that isn't really in the scope of this answer.

blocks|key|1479759|text|视图这会对你有帮助。我认为这个插件的大小不同。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1479760|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/letsar/flutter_staggered_grid_view^0|0|2|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="https://github.com/letsar/flutter_staggered_grid_view" rel="noreferrer">https://github.com/letsar/flutter_staggered_grid_view</a>
This would help you. I think the plugin gives different size.

I want to create a similar view with Flutter as we can do it by creating a <code>UICollectionViewLayout</code> in iOS .
This is a sample code I am using.
<a href="https://github.com/flutter/flutter/blob/b8a2456737c9645e5f3d7210fba6267f7408486f/dev/integration_tests/flutter_gallery/lib/demo/material/grid_list_demo.dart" rel="nofollow noreferrer">https://github.com/flutter/flutter/blob/b8a2456737c9645e5f3d7210fba6267f7408486f/dev/integration_tests/flutter_gallery/lib/demo/material/grid_list_demo.dart</a>
How to achieve this using <code>GridView</code> in Flutter. If not <code>GridView</code>, is there any other way to do it?
<a href="https://i.stack.imgur.com/msYt8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/msYt8.png" alt="Dynamic Sizes" /></a>

How to create cells with different sizes using GridView in Flutter?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想用Flutter创建一个类似的视图，因为我们可以通过在iOS中创建一个UICollectionViewLayout来实现它。这是我正在使用的示例代码。如何利用GridView在颤振中实现这一目标。如果不是GridView，还有其他方法吗？​​

问如何在颤振中使用GridView创建不同尺寸的单元？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在颤振中使用GridView创建不同尺寸的单元？EN