1

我正在尝试使用ForEach. 以下代码按预期工作：我可以添加/删除文本字段，并且绑定是正确的。但是，当我items在ObservableObject视图模型中移动它时，它不再起作用并且会因index out of bounds错误而崩溃。这是为什么？我怎样才能让它工作？

struct ContentView: View {
    @State var items = ["A", "B", "C"]
    
    var body: some View {
        VStack {
            ForEach(items.indices, id: \.self) { index in
                FieldView(value: Binding<String>(get: {
                    items[index]
                }, set: { newValue in
                    items[index] = newValue
                })) {
                    items.remove(at: index)
                }
            }
            Button("Add") {
                items.append("")
            }
        }
    }
}

struct FieldView: View {
    @Binding var value: String
    let onDelete: () -> Void
    
    var body: some View {
        HStack {
            TextField("item", text: $value)
            Button(action: {
                onDelete()
            }, label: {
                Image(systemName: "multiply")
            })
        }
    }
}

我尝试使用的视图模型：

class ViewModel: Observable {
    @Published var items: [String]
}

@ObservedObject var viewModel: ViewModel

我发现很多问题都在处理同一个问题，但我无法解决我的问题。其中一些没有提到TextField，而另一些则不工作（不再？）。

非常感谢

4

2 回答 2

1

通过检查 内部的边界Binding，您可以解决问题：

struct ContentView: View {
    @ObservedObject var viewModel: ViewModel = ViewModel(items: ["A", "B", "C"])
    
    var body: some View {
        VStack {
            ForEach(viewModel.items.indices, id: \.self) { index in
                FieldView(value: Binding<String>(get: {
                    guard index < viewModel.items.count else { return "" } // <- HERE
                    return viewModel.items[index]
                }, set: { newValue in
                    viewModel.items[index] = newValue
                })) {
                    viewModel.items.remove(at: index)
                }
            }
            Button("Add") {
                viewModel.items.append("")
            }
        }
    }
}

这是一个 SwiftUI 错误，例如与此类似的问题。

于 2021-05-15T15:25:35.213 回答
1

我无法完美解释导致崩溃的原因，但我已经能够重现该错误，并且看起来在删除字段后SwiftUI仍在查找所有indices内容，并且当它尝试访问已删除索引处的元素时，它是无法找到导致index out of bounds错误的原因。

为了解决这个问题，我们可以编写一个条件语句来确保element仅当anindex包含在indices.

FieldView(value: Binding<String>(get: {
    if viewModel.items.indices.contains(index) {
        return viewModel.items[index]
    } else {
        return ""
    }
}, set: { newValue in
    viewModel.items[index] = newValue
})) {
    viewModel.items.remove(at: index)
}

items.count上面的解决方案解决了这个问题，因为它确保当元素的数量 ( ) 不大于时，不会搜索该元素index。

这只是我能够理解的，但在幕后可能会发生其他事情。

于 2021-05-15T15:27:31.583 回答