问题描述
我首先将一些整数添加到 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)")
}