SwiftUI：如何将数组传递给要在 ForEach 中使用的视图

Question

我想将元素数组传递给视图并使用 ForEach 显示元素。当我传递一个与前一个不同大小的数组时，它崩溃并在行 Text(elements[[=12=]]).

上出现错误 Thread 1: Fatal error: Index out of range

我的代码是这样的：

struct ContentView: View {
    private let arrays = [["One", "Two", "Three"], ["Four", "Five"]]
    @State private var selectedArray = 0

    var body: some View {
        AnotherView(elements: arrays[selectedArray])

        Picker("Select Array", selection: $selectedArray) {
            ForEach(arrays.indices) {
                Text("Array \([=10=])")
            }
        }
    }
}

struct AnotherView: View {
    var elements: [String]

    var body: some View {
        VStack {
            ForEach(elements.indices) {
                Text(elements[[=10=]])
            }
        }
    }
}

有没有办法达到预期的效果？

Answer 1

ForEach(_:content:) 应该只用于 constant 数据。而是使数据符合 Identifiable 或使用 ForEach(_:id:content:) 并提供明确的 id!

试试这个：

struct AntorherView: View {

    var elements: [String]

    var body: some View {
        VStack {
            ForEach(elements, id:\.self) { i in
                Text(i)
            }
        }
    }
}

SwiftUI：如何将数组传递给要在 ForEach 中使用的视图

SwiftUI: how to pass an array to a View to be used in ForEach

swift

swiftui

swiftui-foreach

swiftui-state