swift - 为什么嵌入在 EnvironmentObject 中的 ObservableObject 不向列表中添加新项目

Question

我正在学习 SwiftUI 并修改了一个现有示例，因为我想测试是否可以跨 View 访问 ObservableObject。在阅读文档时，我发现我应该为此使用@EnvironmentObject。我试过了，但这不起作用:数组 persons 充满了新人(使用调试器)但 UI 没有更新。如果我在 @EnvironmentObject 之外使用 people 属性，它会按预期工作。

我的代码:

import SwiftUI

struct ContentView: View {
    @EnvironmentObject var envTest: EnvTest
    var body: some View {
        VStack {
            ForEach(envTest.people.persons) { person in
                Text("\(person.name)")
            }
            Button(action: {
                self.envTest.people.persons.append(Person(id: 4, name: "I am new here"))
            }) {
                Text("Add/Change name")
            }
        }

    }
}

struct ContentView_Previews: PreviewProvider {
    static let envTest = EnvTest()

    static var previews: some View {
        ContentView().environmentObject(envTest)
    }
}

class Person: ObservableObject, Identifiable {
    var id: Int
    @Published var name: String

    init(id: Int, name: String) {
        self.id = id
        self.name = name
    }
}

class People: ObservableObject {
    @Published var persons: [Person]

    init() {
        self.persons = [
            Person(id: 1, name: "Jabba"),
            Person(id: 2, name: "Polke"),
            Person(id: 3, name: "Lori")]
    }
}

class EnvTest: ObservableObject {
    @ObservedObject var people = People()
}

我使用以下方法将 EnvTest 添加到 SceneDelegate:

var window: UIWindow?
var envTest = EnvTest()

func scene(...) {

    let contentView = ContentView().environment(\.managedObjectContext, context).environmentObject(envTest)
}

Answer 1

要获得您想要的结果，需要解决两个问题:

1. 导入 Combine 并将 EnvTest 中的 @ObservedObject 替换为 @Published
2. 通过向 people 属性的 objectWillChange 添加订阅者，在“people”属性更改时手动触发 EnvTest.objectWillChange。

这两个更改的原因与 ObservableObject 的工作方式有关。 documentation告诉我们

An ObservableObject synthesizes an objectWillChange publisher that emits the changed value before any of its @Published properties changes.

如果您没有 @Published 属性，则 People.objectWillChange 发布者将不会发出任何内容。一旦我们解决了这个问题，当我们更改 People 上的 persons 属性时，会触发 People.objectWillChange 发布者发出一个值。然而，第二个问题暴露了，SwiftUI 正在监听 EnvTest.objectWillChange 发布者，所以我们看不到 UI 更新。这就是为什么当我们收到来自 People.objectWillChange 发布者的值时，我们必须在 EnvTest.objectWillChange 发布者上手动调用 send 以通知SwiftUI 它需要生成新的 View 。

当您将 @Published 属性包装器放在符合 ObservableObject 的类型的属性上时，如果 Combine 自动传播 objectWillChange 调用就好了>。类似地，如果 SwiftUI 观看最低级的 ObservableObject 而不是顶级的(即在这种情况下观看 People 而不是 EnvTest )，那就太好了.也许这会在未来引入，因为当前手动链接两者的解决方案很痛苦，而且无法很好地扩展。

完成您想要的代码的完整解决方案是:

import SwiftUI
import Combine

struct ContentView: View {
    @EnvironmentObject var envTest: EnvTest
    var body: some View {
        VStack {
            ForEach(envTest.people.persons) { person in
                Text("\(person.name)")
            }
            Button(action: {
                self.envTest.people.persons.append(Person(id: 4, name: "I am new here"))
            }) {
                Text("Add/Change name")
            }
        }

    }
}

struct ContentView_Previews: PreviewProvider {
    static let envTest = EnvTest()

    static var previews: some View {
        ContentView().environmentObject(envTest)
    }
}

class Person: ObservableObject, Identifiable {
    var id: Int
    @Published var name: String

    init(id: Int, name: String) {
        self.id = id
        self.name = name
    }
}

class People: ObservableObject {
    @Published var persons: [Person]

    init() {
        self.persons = [
            Person(id: 1, name: "Jabba"),
            Person(id: 2, name: "Polke"),
            Person(id: 3, name: "Lori")]
    }
}

class EnvTest: ObservableObject {
    @Published var people = People()

    init(people: People = People()) {
        self.people = people
        people.objectWillChange.receive(subscriber: Subscribers.Sink(receiveCompletion: { _ in }) {
            self.objectWillChange.send()
        })
    }
}