Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何在Flatter中的GridView中设置自定义UI?_Flutter_Gridview_Flutter Layout_Flutter Sliver_Staggered Gridview - Fatal编程技术网

Flutter 如何在Flatter中的GridView中设置自定义UI?

Flutter 如何在Flatter中的GridView中设置自定义UI?,flutter,gridview,flutter-layout,flutter-sliver,staggered-gridview,Flutter,Gridview,Flutter Layout,Flutter Sliver,Staggered Gridview,我的设计是这样的: 我尝试过使用StaggedEdgridView.count、StaggedEdgridView.countBuilder和Silver Grid,但没有得到预期的结果,因为UI必须位于任何设备的中心,并且应该看起来像图像。数据将来自API,因此它必须是动态的 任何帮助都将不胜感激 请找到要实现的设计图像。 这是我的回购协议,其中有一些我尝试过的代码: 您可以创建包含容器的行吗。您可以根据每行检索到的容器数量动态调整容器的大小。为什么不改用列?@Qonvex620,因为第一行

我的设计是这样的:

我尝试过使用StaggedEdgridView.count、StaggedEdgridView.countBuilder和Silver Grid,但没有得到预期的结果,因为UI必须位于任何设备的中心,并且应该看起来像图像。数据将来自API,因此它必须是动态的

任何帮助都将不胜感激

请找到要实现的设计图像。 这是我的回购协议,其中有一些我尝试过的代码:

您可以创建包含容器的行吗。您可以根据每行检索到的容器数量动态调整容器的大小。

为什么不改用列?@Qonvex620,因为第一行有2列,第二行和第三行有3列,最后一行有4列。在列数根据行的不同而变化的上下文中使用列是没有意义的。从概念上讲,这是一个网格(无限数量的项)吗?如果没有,你应该尝试一种更简单的方法。现在只有12项。你能给我一个想法,我应该复习什么来获得一个更简单的方法吗?我在考虑@JMo的建议。您可以通过放置一个
和一些
s包装
展开
s来实现这一点。这不是一个优雅的方法,我想。然而,它似乎更适合这种情况,因为你希望所有的东西都在中心,而不是滚动的(我想是吧?)。这些规范与网格概念背道而驰。我尝试了@JMo建议的方法,使用静态数据,但我认为代码不是那么干净。你能查一下我的回购协议的链接吗?我更新了你们提出的解决方案。考虑到它应该是动态数据,也许你可以帮我把它做得更好。