主页 / coding / 问题 / 77245833
Accepted
Duck
Asked: 2023-10-06 23:50:45 +0800 CST

当您有多个级别时，是否有一种现代方法可以在 SwiftUI 中执行类似通知之类的操作？

  • 772

回到过去，当您需要控制视图层次结构深处的某些内容时，您可以简单地使用

NotificationCenter.default.addObserver

然后向您的对象发布通知，它们就会发生变化。

现在使用 SwiftUI，如果您只有一层视图，您可以简单地将@State变量传递到下一个视图，然后将对其进行绑定。

但想象一个深度为 4 个视图的视图。

View A > View B > View C > View D

我认为将变量传递 4 层深度并不优雅@State，因此View D可以更改它。

另一种丑陋的方法是创建一个@Observable带有变量的单例@Published。

这样做的常见做法是什么？

swiftui

1 个回答

  1. Best Answer

    SwiftUI 有一个专门为此目的而设计的环境系统。值在 SwiftUI 视图层次结构中的某一点声明（通常但并非总是在最顶层），并自动与所有该视图的子视图、其所有子视图等共享。需要使用该数据的视图选择这样做。

    环境中的每条数据都有一个独特的键，用于在顶部设置值并在需要时检索它。

    有以下三种使用方式：

    对于值类型（结构体、枚举、内置类型，例如Int和String），您可以创建EnvironmentValues使用键路径来标识值的自定义类型。

    环境：

    MyChildView()
  .environment(\.customProperty, newValue)

    使用：

    struct MyChildView {
  @Environment(\.customProperty) var value


  var body: some View {
    Text("Value is \(value)")
  }
}

    创建自定义环境密钥需要一些样板代码，但每次都几乎相同。这只是一篇带有示例的博客文章，还有更多示例。

    对于引用类型（类），长期存在的方法是使您的类符合ObservableObject. 你的班级类型成为关键：

    class MyObject: ObservableObject {
  @Published var name: string
  // etc.
}

struct MyParentView: View {
  var rootObject = MyObject(name: "Foobar")

  var body: some View {
    MyChildView()
      .environmentObject(rootObject)
  }
}

// child view {
struct AnyChildView() {
  // call the variable anything you like – it's the class type that
  // identifies it in the environment
  @EnvironmentObject var myObject: MyObject

  var body: some View {
    Text("Name is \(myObject.name)")
  }
}

    iOS 17+中的新功能是使用新@Observable宏的替代语法，该宏取消了ObservableObjectand Published：

    @Observable
class MyNewObject {
  var name: string
  // etc.
}

struct MyParentView: View {
  var rootObject = MyNewObject(name: "Foobar")

  var body: some View {
    MyChildView()
      .environment(rootObject) // note, not environmentObject
  }
}

// child view {
struct AnyChildView() {
  // specify the class type in a different way
  @Environment(MyNewObject.self) var myObject

  var body: some View {
    Text("Name is \(myObject.name)")
  }
}
    • 2

相关问题