问题标签 [sliver-grid]

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 回答
4335 浏览

flutter - 如何为 SliverGrid 赋予背景颜色?

ListView或者GridView我们Container用. 但是我怎样才能给背景颜色SliverGrid呢?

0 投票
1 回答
4149 浏览

dart - 如何在 SliverGrid 中使用 itemCount?

很可能我的 SliverGrid 概念完全错了,

我想要做的是,UI 方面我想要 Flutter 中已经提供的可折叠 SliverAppBar。我的主要内容主体是一组来自 API 响应的图像,并且已经解析并加载到 List 变量中。

现在这是我的代码:

我认为这可能是因为我无法告诉小部件我的数据有多长。对于 GridView.builderitemCount参数存在,但 SliverGrid 没有这样的选项。在这里做什么?

0 投票
1 回答
2329 浏览

dart - Flutter:在 SliverGrid 中调整子项的大小

我正在尝试构建一个BottomSheet,其中不同的表情符号、图像和gifs 显示在gridview 中。为此,我使用了带有 SliverPadding 和 SliverGrid 的 CustomScrollView 小部件。我的问题是,我无法调整网格中图像和 gif 的大小。可以使用 fontSize 属性轻松调整表情符号的大小。

到目前为止,这是我的代码:

这是它现在的样子(吻嘴实际上在移动):

在此处输入图像描述

正如你所看到的吻太多了,但我无法调整它的大小。无论是使用高度和宽度还是将其包装在 SizedBox 中,都没有任何效果。

有任何想法吗?

此致。

0 投票
1 回答
523 浏览

dart - 如何在条子网格中实现不同的项目高度

我想创建一个购物车应用程序。我使用了具有不同高度的不同项目的 Sliver 网格,但它不起作用。请帮忙

颤动的网格

0 投票
2 回答
713 浏览

flutter - 有没有办法在从 api 填充的 slivergrid 上设置 childCount?

我在 SliverGrid 下面有以下内容,它是从 API 填充的。在进行 API 调用之前,我不知道项目的数量。当我滚动过去的项目时,下面的当前实现会呈现文本“No More”,因为我没有设置 childCount。有没有办法让我设置 childCount 。我想让它停止滚动和渲染任何东西。

我尝试创建一个变量来保存 childCount 变量并在 snapshot.hasData 块内重置它,但是新值似乎被忽略了。

}

0 投票
1 回答
127 浏览

android - 需要帮助在 Android Studio 中使用 Flutter 以及随机化具有特定数据属性的图块

任何帮助表示赞赏,因为我试图弄清楚这一点但不能。我正在制作一个游戏,每个新游戏随机显示大约 20 个图块。我目前有一个“列表”小部件,其中包含所有 20 个图块作为“平面按钮”小部件。然后我使用“randomNumGen..shuffle”函数将它们随机化,并在“SliverGrid”内以随机顺序显示它们(5 个交叉,4 行)。然后我希望用户单击他们想要的那个,然后单击他想要放置该图块的位置(下面是一个空的 Slivergrid)(它是玩家的大本营)。

问题是我无法弄清楚如何将特定的“数据”与每个图块相关联。例如..

一旦它们变得随机化,我就无法弄清楚如何将该数据“提供”给选择该磁贴的用户,以便用户在选择磁贴 1(位于随机位置)时收到“5 能量和 2 个人”。

0 投票
0 回答
82 浏览

flutter - 我可以为我的各种 SliverPersistentHeader 分配一个 onClick() 函数以跳转到 CustomScrollView 中的那个位置吗?

我已经成功构建CustomScrollView()了包含SliverGrid()项目并且SliverPersistentHeaders()已固定的我的项目。我想点击任何SliverPersistentHeader()滚动到确切的位置。我想知道这在颤动中是否可行。

0 投票
1 回答
144 浏览

flutter - 仅更改网格内边缘的边框半径 (SliverGridDelegateWithMaxCrossAxisExtent)

仅内部网格的边缘需要圆角。在下图中,圆角仅适用于

  1. BBC 新闻 -> (上+下)右
  2. ABC新闻->(上+下)左

如果多于两列,则第二列项目的左右边缘都应该是圆角的

在此处输入图像描述

0 投票
2 回答
790 浏览

flutter - 在颤动中滚动 SliverGrid 时避免重建子项

嗨,我在CustomScrollView中使用以下代码使用SliverGridSliverChildBuilderDelegate在网格中显示图像。在快速滚动时,已经缓存图像的子小部件在离开屏幕时会被破坏,并在它们在屏幕上时重建。如何避免他们在卷轴上摧毁和重建它们?

注意:如果我删除图像 url 中的索引,那么在快速滚动时它会很快加载,因为它显示的是相同的图像。

https://source.unsplash.com/ ${150}/${150 + 索引}/

0 投票
2 回答
1638 浏览

flutter - 在颤动中向 SliverGrid 背景添加边框半径

SliverGrid我正在构建一个带有颤动的应用程序,并且在使用inside构建项目网格时卡住了CustomScrollView,我无法在其背景中添加边框半径。请注意,我可以为单个网格项添加半径。

这是我尝试过的

下面的这张图片是我用上面的代码得到的。 我现在需要的是在橙色部分的 topLeft 和 topRight 中添加一个圆形边框半径。

在此处输入图像描述