我试图创建一个Hstack'd卡片列表,也就是说,我想创建一个一系列行的滚动视图。每行将包含并排显示的两个视图的HStack,并由某些列表数据结构初始化。
struct MyHStackView: View {
var myArray = [SomeStruct(1), SomeStruct(3), SomeStruct(4), SomeStruct(5), SomeStruct(6)]
var body: some View {
ScrollView(.vertical) {
VStack {
ForEach(0..<self.myArray.count) { index in
HStack {
SubView(myArray[index])
SubView(myArray[index+1])
}
}
}
}
唯一的问题是我当前的实现涉及数组的每个元素,新的 ForEach 中是否内置了一个stride
函数,以便我可以对数组上的所有其他元素进行索引以初始化行?你会如何处理这个问题?
如果只是每隔一个,你可以尝试
VStack {
ForEach(0 ..< self.myArray.count/2) { index in
HStack {
SubView(myArray[index * 2])
SubView(myArray[index * 2 + 1])
}
}
}
否则,您可能需要使用stride
函数:
ForEach(Array(stride(from: 0, to: self.myArray.count, by: 2)), id: .self) { index in
// ...
}
对于简单的用例,E. Coms 发布的解决方案可能有效。如果您计划修改或重新排序列表,这可能会给您带来麻烦,因为指定的 id 与索引相同,并且列表将无法正确设置删除/添加/重新排序的动画。
我会创建一个数据结构来以可识别的方式表示元组:
struct SomeStructTouple: Identifiable {
let a: SomeStruct
let b: SomeStruct
var id: String {
"(a.id)-(b.id)"
}
}
然后创建一个 touples 数组来生成列表。