SwiftUI ForEach 索引跳 2

Question

我正在为 SwiftUI ForEach 工作。 下图显示了我想要实现的目标。 为此，我需要在单次迭代中使用数组的下两个元素，以便我可以在单个 go 中显示两张卡片。我搜索了很多但确实找到了跳转索引 swiftUI ForEach 的方法。

需要在单次迭代中显示两张卡片

这是我的代码，我在其中为需要按顺序的两张卡添加了元素相同的数组。

struct ContentView: View {

var body: some View {

    ScrollView(.vertical, showsIndicators: false) {
        VStack(spacing: 0) {
            // I need jump of 2 indexes
            ForEach(videos) { video in
                //need to show the next two elements of the videos array
                HStack {
                    videoCardView(video: video)
                    Spacer()
                    //video + 1
                    videoCardView(video: video)
                }
                .padding([.leading, .trailing], 30)
                .padding([.top, .bottom], 10)
            }
        }
    }
    .background(Color(ColorName.appBlack.rawValue))
   }
}

关于如何构建此视图的任何更好的建议。

Answer 1

虽然LazyVGrid可能是您想要完成的最佳解决方案，但它实际上并不能回答您的问题。

“跳转”索引在许多编程语言中通常称为“步进”，在 Swift 中称为“跨步”。

您可以像这样跨（跳跃）一个array 2 ：

ForEach(Array(stride(from: 0, to: array.count, by: 2)), id: \.self) { index in
    // ...
}

您可以通过查看Strideable协议来了解更多信息。

Answer 2

ForEach 不是 for 循环，很多人都会犯这个错误。 您需要向它提供可识别的数据，这应该为您提供线索，以便首先将您的数据转换为合适的格式。 您可以将数组处理成另一个数组，其中包含一个结构，该结构具有一个 id 并保存第一个和第二个视频，并将其传递给执行 ForEach 的视图。 视图结构是轻量级的，可以根据需要制作任意数量。

您也可以创建一个计算变量，但这不会像单独的视图那样有效，因为如果有不同的变化，您可能会不必要地重新计算。

Answer 3

与“for”循环相比，Foreach 受到限制。 让 ForEach 产生不同行为的一种方法是为 ForEach 创建一个影子数组来循环。 我的目的与您的略有不同，但下面的解决方法似乎也可以解决您的挑战。

import SwiftUI
let images = ["house", "gear", "car"]
struct ContentView: View {
    var body: some View {
        VStack {
            let looper = createCounterArray()
            ForEach (looper, id:\.self) { no in
                Image(systemName: images[no])
                    .imageScale(.large)
                    .foregroundColor(.accentColor)
                Text("Hello, world!")
            }
            .padding()
        }
    }
}

//
// return an array of the simulated loop data.
//

func createCounterArray() -> [Int] {
   // create the data needed
    return Array(arrayLiteral: 0,1,1,2)
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}