这是使用@ObservedObject 和@EnvironmentObject 的正确方法吗？

Question

牛你给我一些关于我对@ObservedObject 和@EnvironmentObject 的理解的确认？

在我看来，当我们在排序的视图之间“排队”发送数据时，使用 @ObservedObject 很有用，就像 UIKit 中的“准备”一样，而使用 @EnvironmentObject 更像是 UIKit 中的“单例”。我的问题是，我的代码是否正确使用了这两个特性？这是在实际开发中应用的方式吗？

我的模型用作功能的大脑（IE urls 会话，其他数据操作）

class ModelClass_ViaObservedObject: ObservableObject {
    
    @Published var isOn: Bool = true

}

 class ModelClass_ViaEnvironment: ObservableObject {
    
    @Published var message: String = "default"
    
}

我的主要观点

struct ContentView: View {
    //way to send data in views step by step
    @StateObject var modelClass_ViaObservedObject = ModelClass_ViaObservedObject()
    
    //way to share data more or less like a singleton
    @StateObject var modelClass_ViaEnvironment = ModelClass_ViaEnvironment() 
    

    var myBackgroundColorView: Color {
        if modelClass_ViaObservedObject.isOn {
            return Color.green
        } else {
            return Color.red
            
        }
    }


    var body: some View {
        
        NavigationView {
            ZStack {
                myBackgroundColorView
                VStack {
                    NavigationLink(destination:
                                    SecondView(modelClass_viaObservedObject: modelClass_ViaObservedObject)
                    ) {
                        Text("Go to secondary view")
                            .padding()
                            .overlay(
                                RoundedRectangle(cornerRadius: 16)
                                    .stroke(.black, lineWidth: 1)
                            )
                    }
                    
                    Text("text received from second view: \(modelClass_ViaEnvironment.message)")
                    
                }
            }
            .navigationTitle("Titolo")
            .navigationBarTitleDisplayMode(.inline)
            
        }
        .environmentObject(modelClass_ViaEnvironment)
        
    }
    
}

我的第二个观点

struct SecondView: View {
    
    @Environment(\.dismiss) var dismiss
    
    @ObservedObject var modelClass_viaObservedObject: ModelClass_ViaObservedObject
    
    //global data in environment, not sent step by step view by view
    @EnvironmentObject var modelClass_ViaEnvironment: ModelClass_ViaEnvironment


    
    var body: some View {
        
        VStack(spacing: 5) {
            Text("Second View")
            
            Button("change bool for everyone") {
                modelClass_viaObservedObject.isOn.toggle()
                dismiss()
            }
            
            TextField("send back", text: $modelClass_ViaEnvironment.message)
            Text(modelClass_ViaEnvironment.message)

        }
        
    }
}

Answer 1

不，我们使用@State 来查看数据，例如切换isOn，它本身可以是单个值，也可以是包含多个值和变异函数的自定义结构。我们通过在子视图中声明let 将其传递到视图层次结构中，或者如果我们需要写访问权限，则使用@Binding var。无论我们声明它是 let 还是 @Binding，只要将不同的值传递给子 View 的 init，SwiftUI 都会自动调用 body（只要它实际上是在 body 中访问的） .

@StateObject 用于当单个值或自定义结构不起作用并且我们需要引用类型而不是视图数据时，即，如果持久化或同步数据（不使用新的 async/await，因为我们使用 .task那）。对象是init，在调用body 之前（通常在它即将出现之前）和deinit，当不再需要View 时（通常在它消失之后）。

@EnvironmentObject 通常用于在 @Published 属性中保存模型结构并负责保存或同步的存储对象。不同之处在于模型数据不绑定到任何特定的视图，例如 @State 和 @StateObject 用于视图数据。这个对象通常是一个单例，一个用于应用程序，一个用于预览时的示例数据，因为它永远不应该是 deinit。 @EnvironmentObject 相对于@ObservedObject 的优势是我们不需要将它作为let 向下传递给每个视图，当我们只需要它在层次结构的更下方时不需要它。请注意，它必须作为 let 而不是 @ObservedObject 传递的原因是 body 将在中间视图中被不必要地调用，因为 SwiftUI 的依赖跟踪不适用于仅对象值类型。

这是一些示例代码：

struct MyConfig {
    var isOn = false
    var message = ""

    mutating func reset() {
        isOn = false
        message = ""
    }
}

struct MyView: View {
    @State var config = MyConfig() // grouping vars into their struct makes use of value semantics to track changes (a change to any of its properties is detected as a change to the struct itself) and offers testability.

    var body: some View {
        HStack {
            ViewThatOnlyReads(config: config)
            ViewThatWrites(config: $config)
        }
    }
}

struct ViewThatOnlyReads: View {
    let config: MyConfig

    var body: some View {
        Text(config.isOn ? "It's on" : "It's off")
    }
}

struct ViewThatWrites: View {
    @Binding var config: MyConfig
    
    var body: some View {
        Toggle("Is On", isOn: $config.isOn)
    }
}