问题描述
我正在尝试按照此 SwiftUi GridView iOS 13 教程在 SwiftUi 中构建一个 GridView
。
我以嵌套方式使用两个 ForEach()
,一个用于显示行,另一个用于显示 GridView
的各个单元格。
我的问题是嵌套 ForEach()
的调用次数超出预期。虽然这会创建一个准确的 GridView
,但需要很多时间(6-8 秒)。
我也在 GridView
中使用了这个 TabView
,所以当我在 TabView
的页面之间滑动时,页面之间有明显的延迟(每个页面包含一个 GridView 和元素数量在网格中有所不同)。
这是用于创建 ForEach
的嵌套 GridView
语句的代码。
private let columns: Int
private var list: [[T]] = []
private let content: (T) -> Content
init(columns: Int,list: [T],@viewbuilder content:@escaping (T) -> Content) {
self.columns = columns
self.content = content
self.setupList(list)
}
private mutating func setupList(_ list: [T]) {
var column = 0
var columnIndex = 0
for object in list {
if columnIndex < self.columns {
if columnIndex == 0 {
self.list.insert([object],at: column)
columnIndex += 1
}else {
self.list[column].append(object)
columnIndex += 1
}
}else {
column += 1
self.list.insert([object],at: column)
columnIndex = 1
}
}
}
var body: some View {
vstack {
ForEach(0 ..< self.list.count,id: \.self) { i in
Group{
HStack {
ForEach(self.list[i],id: \.self) { object in
self.content(object)
.frame(width: UIScreen.main.bounds.size.width/CGFloat(self.columns))
}
}
}
}
}
}
对于 3 行 3 列的 9 个元素的网格,第二个 ForEach
中的语句在每行中被调用 9 次,而每行只应调用 3 次。
我在这里尝试了建议的答案 Nested ForEach (and List) in Views give unexpected results(用一个组将视图封闭在外部 ForEach 中),但是错误仍然存在。
根据 Nested ForEach caused unexpected ordering 的建议,我还尝试为 id
设置唯一的 ForEach
,但我仍然无法解决。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)