SwiftUI 的奇妙世界：Environment 属性包装器的魅力

2023-12-21 19:33:32

SwiftUI 的奇妙世界：探秘 @Environment 和 @EnvironmentObject

在 SwiftUI 的世界中，属性包装器是强大的工具，可以让我们更优雅、更安全地处理属性。其中，@Environment 和 @EnvironmentObject 犹如两颗璀璨的明星，它们能帮助我们在 SwiftUI 中轻松访问和传递系统范围的设置和对象。

@Environment：赋予 SwiftUI 全局视野

@Environment 属性包装器可以让我们在 SwiftUI 中直接访问系统范围的设置，包括：

ContentSizeCategory：内容大小类别，如小号、中号、大号。
LayoutDirection：布局方向，如从左到右或从右到左。
ColorScheme：颜色方案，如浅色模式或深色模式。
UserInterfaceStyle：用户界面风格，如标准风格或黑暗风格。

使用 @Environment，我们无需显式传递这些设置，就能在视图中直接访问它们，极大地简化了代码，避免了不必要的参数传递。

import SwiftUI

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

    var body: some View {
        Text("Hello World!")
            .foregroundColor(colorScheme == .dark ? .white : .black)
    }
}

在这个示例中，我们使用 @Environment(.colorScheme) 获取当前系统颜色方案，并根据它动态设置文本颜色。

@EnvironmentObject：在 SwiftUI 中传递对象

@EnvironmentObject 属性包装器允许我们在 SwiftUI 中传递对象，可以是任何类型的数据，如模型、服务、配置等。使用它，我们可以直接在视图中访问这些对象，无需显式传递参数。

import SwiftUI

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

struct MyView: View {
    @EnvironmentObject var viewModel: MyViewModel

    var body: some View {
        Text("Count: \(viewModel.count)")
            .onTapGesture {
                viewModel.count += 1
            }
    }
}

在这个示例中，我们使用 @EnvironmentObject var viewModel: MyViewModel 访问环境中提供的 MyViewModel 对象。然后，我们可以在视图中直接使用 viewModel.count，让用户点击时模型中的 count 变量自动增加，视图中的文本也随之更新。