问题标签 [lazyvgrid]

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 投票
0 回答
612 浏览

ios - SwiftUI:在 LazyVGrid 中显示可变长度字符串

我正在尝试构建一个垂直的字符串网格,这些字符串具有可变长度以彼此并排显示(例如社交媒体标签的集合),如下所示:

但问题LazyVGrid在于它与在其初始化程序中定义的最小项目宽度相关联,这不允许它动态适应每个项目的宽度。

上述代码的结果是:

在此处输入图像描述

我的问题是:如何在 SwiftUI 的垂直滚动视图中显示任何可变长度字符串的动态列表?

0 投票
1 回答
703 浏览

swiftui - 带有适合内容的列的 SwiftUI 网格?

SwiftUI 可以实现这种布局吗?

我希望第一列包含标签的大小,所以在这种情况下,它会大到足以显示“更大的标签:”。然后将剩余的空间留给第二列。

这种布局非常简单,具有自动布局。

SwiftUI 2020 具有LazyVGrid但我看到的设置列大小的唯一方法是使用硬编码数字。难道他们不明白多种语言和用户可调整的字体大小会导致什么问题吗?

0 投票
1 回答
202 浏览

ios - 对于单元格内的特定文本,LazyVGrid 单元格子视图不断消失

设想

我正在尝试创建一个 3 列的 LazyVGrid,它通过 LazyVGrid 显示具有图标和文本的项目。

代码

问题

每当文本为Health时,我尝试滚动网格,文本就会消失。我尝试了除 之外的几种不同的文本Health,它对他们很有用。

在此处输入图像描述

这可能是什么原因?

0 投票
1 回答
577 浏览

ios - SwiftUI LazyVGrid NavigationLink 在返回时有不寻常的动画

我在 LazyVGrid 中有一个 NavigationLink,并且在从详细信息视图返回时获取此动画。从该视频大约 3.5 秒开始,有一个我没想到的动画。单元格之间存在间隙,我不喜欢它的外观。

这是带有 LazyVGrid 的屏幕代码:

(另见https://github.com/SyncServerII/Neebla/blob/main/Neebla/UI/Screens/Album%20Items/AlbumItemsScreen.swift)。

这是详细视图的代码:

(另见https://github.com/SyncServerII/Neebla/blob/main/Neebla/UI/Screens/Object%20Details/ObjectDetailsView.swift)。

我已经尝试过https://developer.apple.com/forums/thread/125937此处指示的策略:

但同样的效果也会发生。

0 投票
1 回答
121 浏览

swiftui - 如何使用 GeometryReader 在 LazyVGrid 中拖动视图?

我想拖动网格中的矩形并更改它们的颜色。这段代码几乎可以工作,但这并不总是正确的响应矩形:它的行为相当随机。有什么提示吗?

0 投票
1 回答
1454 浏览

swift - 用行和列构建一个惰性网格 - SwiftUI

我想在我的应用程序中创建一个基本上充当表格的视图。我相信惰性网格是在 iOS 14 中做到这一点的最佳方式,我只是不确定我在用它们做什么。我要创建的表如下图所示: 在此处输入图像描述

每一行都基于一个对象,Player()我有,然后行中的每个数字都是对象具有的属性,例如player.triesplayer.pens等等。

到目前为止,我的尝试是遍历数组中的所有玩家,homeTeam.players并根据各个值创建一个具有不同文本的 HStack。然后,我陷入了如何将每列设置为我想要的宽度的问题,例如将名称设置为最宽,而所有其他列都小得多,但它们上方还有标题。我的代码如下:

非常感谢您在正确位置获得大小和所有数字的任何帮助!

0 投票
1 回答
1673 浏览

swiftui - SwiftUI Thread 1:致命错误:每个布局项只能出现一次

这个小代码显示了来自 API 的文章,其中有 2 列带有scrollviewon ArticleView。不幸的是,在第 6 次之后loadMoreContentIfNeeded,这个错误让我很难受

线程1:致命错误:每个布局项只能出现一次

我曾尝试添加.id(UUID())我的代码以避免 id 问题,但它也没有帮助。我还观察到这个错误也发生在 LazyVStavk 中。如果您将 LazyVStack 更改为 VStack,则不会出现此问题。但是 SwiftUI 中没有任何东西叫做VGrid.

0 投票
2 回答
396 浏览

swiftui - 将 LazyVGrid 中的最后一行居中

在 aLazyVGrid中,我显示来自服务器的数据(这里我以字母表为例),我的目标是在中心显示最后一行,而不是leading最后一行包含少于 3 个项目。可行吗?

目前,它看起来像这样:

在此处输入图像描述

目标:

在此处输入图像描述

0 投票
0 回答
447 浏览

ios - SwiftUI LazyVGrid 动画更改“页面”

我试图将整个LazyVGrid页面视为页面,并在向前或向后切换时设置动画。一个简单的幻灯片动画就可以了。

我目前有一些类似的东西

cells当你点击fwd或按钮时,我有页面设置为状态back,它们会立即重新渲染。但是,在按下按钮时设置向前/向后滑动会很酷。我无法用transitionand轻松解决这个问题animation

如果有一个完全不同的图书馆这样做,我愿意尝试。

非常感谢!

0 投票
0 回答
498 浏览

ios - LazyVGrid 项目重叠

我需要一些帮助来理解为什么我的 Swift LazyVGrid 在景观中存在重叠。这是本文中提到的一个问题:https ://swiftui-lab.com/impossible-grids/但我在我的代码中没有找到很好的解决方法。

这是模拟 iPhone 11 Pro 纵向模式下的结果。一切看起来都很好。

人像模式

但是,这是 iPhone 11 Pro 横向模式下的结果

横向模式

重叠是问题,但我不确定如何添加适当的间距。卡片似乎并没有流过柱子。

下面是对应的代码:

设置游戏视图

卡片视图

先感谢您!任何帮助表示赞赏。