@State 和 @ObservedObject 有什么区别,它们都可以用来持久化状态吗?

Gil*_*man 4 swiftui observedobject

当我在 Google 上搜索“State vs ObservedObject”时,第一个结果来自 Hacking with Swift,它说@ObservedObject

这与@State 非常相似,除了现在我们使用的是外部引用类型,而不是像字符串或整数这样的简单本地属性。

我可以@ObservedObject用来创建持久化状态吗?它是否像简单@State属性和@ObservedObject复杂对象一样简单,还是有更多细微差别?

Gil*_*man 6

@ObservedObject 不持久化状态

我可以@ObservedObject用来创建持久化状态吗?

就其本身而言,你不能。苹果文档有这样的说法@State

给定类型的持久值,视图通过它读取和监视值。

但是我发现没有提到持久性,@ObservedObject所以我构建了这个小演示来确认@ObservedObject不持久化状态:

class Bar: ObservableObject {
  @Published var value: Int

  init(bar: Int) {
    self.value = bar
  }
}

struct ChildView: View {
  let value: Int
  @ObservedObject var bar: Bar = Bar(bar: 0)

  var body: some View {
    VStack(alignment: .trailing) {
      Text("param value: \(value)")
      Text("@ObservedObject bar: \(bar.value)")
      Button("(child) bar.value++") {
        self.bar.value += 1
      }
    }
  }
}

struct ContentView: View {
  @State var value = 0

  var body: some View {
    VStack {
      Spacer()
      Button("(parent) value++") {
        self.value += 1
      }
      ChildView(value: value)
      Spacer()
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

每当您单击value++按钮时,都会导致重新渲染,ChildView因为value属性已更改。当视图因属性更改而重新呈现时,它会@ObservedObject被重置

截屏

相反,如果您向 中添加一个@State变量,ChildView您会注意到在重置时它的值没有@ObservedObject被重置。

使用持久化状态 @ObservedObject

要坚持与国家@ObservedObject,实例化的混凝土ObservableObject@State父视图。因此,要修复前面的示例,请执行以下操作:

struct ChildView: View {
  let value: Int
  @ObservedObject var bar: Bar  // <-- passed in by parent view

  var body: some View {
    VStack(alignment: .trailing) {
      Text("param value: \(value)")
      Text("@ObservedObject bar: \(bar.value)")
      Button("(child) bar.value++") {
        self.bar.value += 1
      }
    }
  }
}

struct ContentView: View {
  @State var value = 0
  @State var bar = Bar(bar: 0)  // <-- The ObservableObject

  var body: some View {
    VStack {
      Spacer()
      Button("(parent) value++") {
        self.value += 1
      }
      ChildView(value: value, bar: bar).id(1)
      Spacer()
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

类的定义Bar与第一个代码示例没有变化。现在我们看到即使value属性发生变化,该值也不会重置:

截屏