问题标签 [flutter-gridview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
162 浏览

flutter - 使用行的最高子项的高度作为网格中整行的高度

我有一堆不同高度的卡片,我想将它们显示在一个网格中,其中行高是该行最高小部件的高度,如下所示:

我怎样才能做到这一点?我不想使用第三方软件包;flutter_staggered_grid_view,例如,有一个与窗口大小调整相关的严重错误,使我无法使用它。

0 投票
1 回答
1438 浏览

flutter - 如何在 Flutter 中重新排序 GridView?

我做了一个GridViewontap,我可以显示网格项目。通过双击。我可以删除一个网格。现在我想添加可重新排序的属性。

这是我的代码:

通过长按网格,我可以在任何地方替换它。将重新排序其他网格。

我尝试了几种方法。但是,这不包括我的 ontap 和 doubletap 功能。

如何保留这些属性并且还想添加可重新排序的网格?

0 投票
1 回答
95 浏览

flutter - CustomScrollView 中的 GridView.builder 加载所有项目

我正在构建我的第一个 Flutter 应用程序,但遇到了一些性能问题。

我有一个带有 的屏幕CustomScrollView,特别是获得一个带有英雄图像的自定义 AppBar。接下来,我有一些字段/过滤器,然后我有我的GridView.builder,因为我可以在此列表中包含 25 到 400 个元素,并且我只想在用户滚动时构建它们。

但是在检查之后,我发现我的所有元素(400)都是立即构建的,并且使应用程序非常滞后。

你能告诉我我做错了什么吗?

编辑:您可以通过此 pastebin 对其进行测试:只需将其复制粘贴到一个新的颤振项目https://pastebin.com/xhd9CdUp

基本上这是我的代码的结构:

这是我的代码:

谢谢!

0 投票
0 回答
108 浏览

flutter - 交错的 GridView 底部的所有项目- Flutter

我希望所有项目都在底部,如果容器很大,应该在顶部添加填充。我想要这样的网格https://ibb.co/zrRQ8Hz但我能够实现这个https://ibb.co/2820csg

我写的代码如下:

0 投票
3 回答
914 浏览

flutter - 向 GridView.builder 添加无限滚动以使 FutureBuilder 颤动

我很难在颤动中无限滚动。我尝试先加载 10 个菜谱,然后在 ScrollController 的帮助下显示新菜谱。当没有更多的食谱时,我想显示一条消息,表明没有更多的帖子。

这是我的项目代码。

如果您能指出正确的方向,我将不胜感激。

0 投票
1 回答
187 浏览

flutter - Flutter Gridview with CacheImage 导致崩溃

我正在尝试构建一个购物应用程序,我想在网格视图中显示产品列表。我使用的代码 -

每个图像大小范围为 200-300kb,itemData 长度可以从 50-100 项不等。

当我首先尝试滚动时,它会滞后,然后应用程序会自动关闭。

调试细节——

注意 - 对于调试,我使用物理设备 Redmi 6pro。我也在发布模式下对其进行了测试,我也面临同样的问题。

0 投票
1 回答
81 浏览

flutter - Flutter 如何在 GridView.count 中获取 onTap() 命令

我是 Flutter 的新手,如何在 gridview.count 中获取 onTap 命令

我试图使图像可点击,但我无法在 gridview.count 中获取命令 onTap

这是我得到的图像列表

0 投票
1 回答
141 浏览

flutter - 扑。GridView.builder 为空时如何折叠(没有任何元素)

我有一个 GridView.builder,其 shrinkWrap 为 true。它动态填充,但在开始时它为空但发生的问题,就像它有元素(某种保留位置)取决于 maxCrossAxisExtent 的大小。有可能改变这个吗?空白空间不是很好。我查看了文档和谷歌,但没有找到任何答案。

这是代码

空白的 GridView 网格为空时的空白空间

向 GridView 添加了一个元素 添加了一个元素

0 投票
0 回答
30 浏览

flutter - 在简单布局中添加 GridView 小部件会使 Flutter 应用程序崩溃

我有以下颤振代码,

在上面的代码中,只要我添加了我用箭头指向的那行代码,我的应用程序就会崩溃,我不知道为什么。如果我删除那行代码一切正常。(我在物理设备上以调试模式运行该应用程序。)

在我拿到的手机屏幕上,

“应用程序发生意外错误。错误报告已准备好发送给支持团队。请单击接受以发送错误报告或单击取消以关闭报告”

如果有人可以向我指出为什么添加该行会使应用程序崩溃以及如何找到解决崩溃的方法,那将非常有帮助。

谢谢你。

0 投票
2 回答
156 浏览

flutter - 在没有 OOM 的情况下,在 Flutter 中加载手机图库的速度与原生 IOS 一样快

我正在尝试在GridView.builder小部件中加载手机的图库(带分页)。

这是我使用包创建的问题。 我得到了一些帮助,这让我想到了一个可能的解决方案(请参阅我对这个问题的最后评论)。photo_manager

我希望能够在不闪烁或白页的情况下加载资产。
在 IOS 本机上它非常快速和流畅,我想在 Flutter 中实现同样的效果。

您将在上面的 github 链接中找到我制作的所有代码。我已经设法使用内存中的对象来做到这一点Map,但我需要改进算法以使其不在 OOM 中。

想要的解决方案(一个或另一个):

  • 一个简单的方法是,将手机的图库加载到与本地 IOS 一样快的速度GridView,无论它在工作时使用哪个包。
  • 对我目前较差的算法的改进,例如将 15 个资产保持在当前资产之上,15 个资产在内存中和滚动期间,不断更新这些值以围绕列表中的当前位置移动范围。

如果这还不够清楚,请告诉我,作为提醒,请查看我对这个问题的最后一个重要评论。