SwiftUI 數據狀態和綁定

方案	說明	備注
@State & @Binding	提供 View 內部的狀態存儲	應該是被標記為 private 的簡單值類型，僅在內部使用。
ObservableObject & @ObservedObject	針對跨越 View 層級的狀態共享	處理更復雜的數據類型，在數據變化時觸發界面刷新。
@EnvironmentObject	對于 “跳躍式” 跨越多個 View 層級的狀態	更方便地使用 ObservableObject，以簡化代碼。

@State & @Binding

Parent view:

struct ParentView: View {
    @State private var foo: Bool = false

    var body: some View {
        VStack(spacing: 25) {
            Text("foo in Parent: \(self.foo ? "?" : "")")
            ChildView(foo: $foo)
        }
    }
}

Child view:

struct ChildView: View {
    @Binding var foo: Bool

    var body: some View {
        Button("toggle foo from Child") {
            self.foo.toggle()
        }
    }
}

運行效果：

@ObservedObject

Model:

class Model: ObservableObject {
    @Published var foo: Bool = false
}

注意，@Published 是個 internal 的。在 Xcode 工程里沒事，但在 Playground 的 Sources 里寫是必須 public 的，這時可以采用下面這種手動處理的方法：

import Combine

public class Model: ObservableObject {
    public let objectWillChange = PassthroughSubject<Void, Never>()

    public var foo: Bool = false {
        willSet { objectWillChange.send() }
    }

    public init() {}
}

• let objectWillChange = PassthroughSubject<Void, Never>() 用來實現 ObservableObject 協議；
• 給每個需要 @Published 的變量加 willSet { objectWillChange.send() } 。

Parent View:

public struct ParentView: View {
   @ObservedObject var model: Model = Model()

   public var body: some View {
       VStack(spacing: 25) {
           Text("foo in Parent: \(self.model.foo ? "?" : "")")
           ChildView(model: model)
       }
   }
    
    public init() {}
}

Child View:

public struct ChildView: View {
   var model: Model

   public var body: some View {
       Button("toggle foo from Child") {
           self.model.foo.toggle()
       }
   }
    
    public init(model: Model) {
        self.model = model
    }
}

這里其實是利用 class 的“傳引用”特性來讓子訪問到父的 model 的，沒什么特殊的。

@EnvironmentObject

沿用上面 ObservableObject 的 Model:

class Model: ObservableObject {
    @Published var foo: Bool = false
}

Parent View:

public struct ParentView: View {
   @EnvironmentObject var model: Model

   public var body: some View {
       VStack(spacing: 25) {
           Text("foo in Parent: \(self.model.foo ? "?" : "")")
           ChildView()
       }
   }
    
    public init() {}
}

Child View:

public struct ChildView: View {
   @EnvironmentObject var model: Model

   public var body: some View {
       Button("toggle foo from Child") {
           self.model.foo.toggle()
       }
   }
    
    public init() {}
}

調用 Parent 的 View：

ParentView().environmentObject(Model())

用 EnvironmentObject 讓所有子都訪問到父的 Model，可以避免逐層手動傳遞對象。

完整源碼實現：SwiftUIDataStateAndBinding.playground。

參考

王巍 (@onevcat)《SwiftUI 與 Combine 編程》Chapter 3：數據狀態和綁定