SwiftUI - 索引超出范围

如何解决SwiftUI - 索引超出范围

我首先将一些整数添加到 onAppear 中的数组中，作为最外层堆栈。但是当我尝试使用 ForEach 显示数组的内容时，出现索引超出范围错误。

struct MyView: View {
    @State private var answers = [Int]()
    var body: some View {
        vstack {
            ForEach(0..<4) { number in 
            Text("\(answers[number])")
            }
        }
        .onAppear {
           for _ in (0..<4) {
               answerArray.append(Int.random(in: 1...10))
           }
        }

解决方法

onAppear 在第一次加载 MyView 后被调用，此时 answers 仍然是空的。这就是您的程序在 ForEach(0..<4) 处崩溃的原因，因为 answers 的还没有 4 个元素。

ForEach(0..<4) { number in 
    Text("\(answers[number])") /// answers is still empty.
}

相反，您应该查看 answers.indices，以便保证 answers[number] 存在。确保还提供 ID (id: \.self) 以满足 ForEach 的 Identifiable 要求。

struct MyView: View {
    @State private var answers = [Int]()
    var body: some View {
        VStack {
            ForEach(answers.indices,id: \.self) { number in
                Text("\(answers[number])")
            }
        }
        .onAppear {
            for _ in (0..<4) {
                answers.append(Int.random(in: 1...10)) /// you probably meant `answers.append`,not `answerArray.append`
            }
        }
    }
}

,

切勿通过 ForEach 表达式中的硬编码索引检索项目。

执行 count 数组，如果数组为空，则跳过（安全）循环。

ForEach(0..<answers.count) { number in

或者 - 更简单 - 枚举项目而不是索引

ForEach(answers,id: \.self) { answer in 
    Text("\(answer)")
}