SwiftUI中，@State、@Binding、@Environment、@ObservedObject、@StateObject、@EnvironmentObject的用法与区别

原创

已于 2024-08-23 11:42:18 修改 · 2.1k 阅读

27 ·

CC 4.0 BY-SA版权

文章标签：

#swiftui

于 2024-08-20 09:53:25 首次发布

在 SwiftUI 中，@State、@Binding 和 @Environment 是三种用于管理和共享视图状态的关键属性包装器。它们各自的用法、特性、以及适用场景有着显著的区别。除了这些，SwiftUI 还有其他一些类似的关键字，如 @ObservedObject、@StateObject 和 @EnvironmentObject，这些也是用于状态管理的。

1. `@State`

@State 是 SwiftUI 中最基础的状态管理机制。它用于声明一个视图的私有状态，并且在状态变化时自动刷新视图。

用法: 适用于视图的局部状态，该状态不会被其他视图直接访问或修改。
特性:
- @State 变量是由视图自己管理的，它的生命周期与视图绑定。
- 当 @State 变量改变时，视图会自动重新渲染。
- 只能在视图内部使用，不能直接传递给其他视图。
注意点:
- @State 适合处理轻量级的、局部的状态，不适合跨视图层次结构共享的状态。

struct CounterView: View {
   
   
    @State private var count = 0

    var body: some View {
   
   
        VStack {
   
   
            Text("Count: \(count)")
            Button("Increment") {
   
   
                count += 1
            }
        }
    }
}

2. `@Binding`

@Binding 用于在父视图和子视图之间共享状态。它允许子视图访问和修改父视图中的状态。

用法: 当需要将一个状态传递给子视图，并允许子视图修改该状态时使用。
特性:
- @Binding 并不创建新的状态，而是引用了另一个状态（通常是 @State）。
- 通过 @Binding，子视图可以双向绑定父视图的状态。
注意点:
- 使用 @Binding 时，需要确保绑定的状态在某个父视图中存在且被管理。
- @Binding 不能脱离它引用的状态独立存在。

struct ParentView: View {
   
   
    @State private var isOn = false

    var body: some View {
   
   
        ToggleView(isOn: $isOn)
    }
}

struct ToggleView: View {
   
   
    @Binding var isOn: Bool

    var body: some View {
   
   
        Toggle("Toggle", isOn: $isOn)
    }
}

3. `@Environment`

@Environment 用于访问 SwiftUI 环境中的共享数据。SwiftUI 提供了一些默认的环境值，如 colorScheme、locale 等，同时你也可以自定义环境值。

用法: 适用于在应用中共享配置或依赖上下文的场景。
特性:
- @Environment 提供了一种依赖注入的机制，可以让视图访问环境中的值，而无需直接传递。
- 环境值通常是不可变的，但可以在更高层次的视图中通过 @Environment 或 @EnvironmentObject 修改。
注意点:
- 自定义的环境值需要通过 .environment(_:_:) 方法在视图层次结构中注入。
- @Environment 主要用于上下文依赖，不适合频繁变化的数据。

struct ContentView: View {
   
   
    @Environment(\.colorScheme) var colorScheme

    var body: some View {
   
   
        Text("Current color scheme: \(colorScheme == .dark ? "Dark" : "Light")")
    }
}

4. `@ObservedObject`

@ObservedObject 用于监视一个遵循 ObservableObject 协议的对象。当该对象的属性发生变化时，视图会自动更新。

用法: 适用于跨越多个视图的共享状态，需要视图对状态的变化做出响应。
特性:
- @ObservedObject 用于外部提供的、可能在多个视图中使用的状态。
- ObservableObject 协议要求对象在其属性发生变化时通过 @Published 触发视图更新。
注意点:
- 如果对象的生命周期不依赖于视图，则适合使用 @ObservedObject。
- 多个视图可以共享同一个 @ObservedObject 实例。

class CounterModel: ObservableObject {
   
   
    @Published var count = 0
}

struct CounterView: View {
   
   
    @ObservedObject var model = CounterModel()

    var body: some View {
   
   
        VStack {
   
   
            Text("Count: \(model.count)")
            Button("Increment") {
   
   
                model.count += 1
            }
        }
    }
}

5. `@StateObject`

@StateObject 是 SwiftUI 中用来声明和管理 ObservableObject 的一种方式，适用于在视图创建时初始化并持有的对象。

用法: 用于视图中创建和管理 ObservableObject 实例。
特性:
- @StateObject 负责对象的生命周期管理，它确保对象在视图的生命周期内存在。
- 与 @ObservedObject 不同，@StateObject 适用于初始化并持有对象。
注意点:
- 在视图初始化时创建对象，并且该对象在视图的整个生命周期中保持存在。

struct ContentView: View {
   
   
    @StateObject private var model = CounterModel()

    var body: some View {
   
   
        VStack {
   
   
            Text(