为什么数组实例 var 的 SwiftUI 绑定不起作用？

Question

绑定的行为不像预期的那样，并且 我希望能深入了解正在发生的事情。

这是说明问题的代码。一个名为“Project”的类模型对象 包含一个名为“name”的字符串数组。 代码将 name 的 Binding 传递给 ProjectVM 类型的 ViewModel 在视图中使用。在视图列表中，我可以删除一行， 对应于删除 String 数组的元素之一， 但它马上又回来了。

这段代码应该在原始数组上运行，因为它是 使用绑定，但显然这不是正在发生的事情。有什么想法吗？

如果根对象是名称的@State var，它会按预期工作（请参阅 注释掉的代码）而不是项目的属性。

在 Swift 5 中使用 Xcode 12.4

@main
struct Try_ArrayBindingApp: App {
    @State var project = Project()
    //@State var names = [ "a", "b", "c" ]
    var body: some Scene {
        WindowGroup {
            ProjectV(pVM: ProjectVM(names: $project.names))
            //ProjectV(pVM: ProjectVM(names: $names))
        }
    }
}

class Project { var names = [ "one", "two", "three"] }

class ProjectVM: ObservableObject {
    @Binding var names: [String]
    
    init(names: Binding<[String]> ) { self._names = names }
    
    func delete(at offsets: IndexSet) {
        names.remove(atOffsets: offsets)
    }
}

struct ProjectV: View {
    @ObservedObject var pVM: ProjectVM
    
    var body: some View {
        VStack {
            List {
                ForEach(pVM.names, id: \.self) { n in
                    Text(n)
                }
                .onDelete(perform: delete)
            }
        }
    }
    
    private func delete(at offsets: IndexSet) {
        pVM.delete(at: offsets)
    }
}

Answer 1

通过在父视图中保存初始@State，然后将其@Binding 到可观察对象，然后将其发送到子视图，至少，数据流肯定会变得混乱。我实际上并不认为它不应该表现得像你想象的那样，但它是一个令人困惑的思维模型，而不是你在 SwiftUI 中常见的东西。

更常见的模型是将状态保存在 ObservableObject 中，该对象归父视图所有：

@main
struct Try_ArrayBindingApp: App {
    @StateObject var project = ProjectVM(names: [ "one", "two", "three"])
    var body: some Scene {
        WindowGroup {
          ProjectV(pVM: project)
        }
    }
}

class ProjectVM: ObservableObject {
    @Published var names: [String]
    
    init(names: [String]) {
        self.names = names
    }
    
    func delete(at offsets: IndexSet) {
        names.remove(atOffsets: offsets)
    }
}

struct ProjectV: View {
    @ObservedObject var pVM: ProjectVM
    
    var body: some View {
        VStack {
            List {
                ForEach(pVM.names, id: \.self) { n in
                    Text(n)
                }
                .onDelete(perform: delete)
            }
        }
    }
    
    private func delete(at offsets: IndexSet) {
        pVM.delete(at: offsets)
    }
}

请注意，names 现在是 @Published 属性。