SwiftUI：能否将@Environment属性传入子视图实现双向绑定？方案是否有bug？

问题描述 #

我有一个@Observable类Foo，想用它控制子视图内的Toggle。主App实例化Foo并注入到所有子视图的环境中。但在子视图通过@Environment访问它时，尝试用Toggle("Toggle", isOn: $foo.bar)会报错“Cannot find $foo in scope”。我怀疑是Environment属性不支持双向绑定，于是写了如下解决方案，想知道：

1. 为什么直接用@Environment无法实现双向绑定，传给子视图作为State参数却可以？
2. 这个解决方案会不会引发bug？

现有代码 #

@Observable
class Foo {
    var bar: Bool
}

@main
struct MyApp: App {
   @State var foo = Foo()

   var body: some View {
       ContentView()
           .environment(foo)
    }
}

struct ContentView: View {
    @Environment(Foo.self) private var foo

    var body: some View {
        Subview(foo: foo)
    }
}

struct Subview: View {
    @State var foo: Foo

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

解答 #

为什么@Environment不能直接用双向绑定 #

• @Environment的设计定位是只读访问环境中的共享值，它本身不会为包装的对象生成绑定（Binding）对象，所以你没法通过$foo这种方式获取双向绑定能力。而@State、@Bindable这类包装器才负责为对象创建绑定关联。
• 当你把Environment拿到的foo实例传给子视图的@State参数时，@State会为这个引用类型实例生成对应的绑定，让你能通过$foo.bar访问内部属性的双向绑定——这其实是利用了@State对引用类型的绑定支持，不是Environment本身的能力。

你的解决方案是否会引发bug？ #

这个方案不会导致功能性bug，但有几个可以优化的点：

• 状态一致性没问题：因为Foo是引用类型，所有视图拿到的都是同一个实例的引用，不管是通过Environment还是@State传递，修改bar的值都会同步到所有引用该实例的视图，状态是统一的。
• 子视图的@State没必要：子视图里用@State var foo: Foo属于语义错误，@State应该用来管理视图内部的状态，而不是传递外部的引用类型实例。换成@Bindable var foo: Foo更合适，它专门用来为@Observable类生成绑定，语义清晰，还能避免@State带来的额外视图状态管理开销。修改后的Subview代码：

  struct Subview: View {
      @Bindable var foo: Foo
  
      var body: some View {
          Toggle("Toggle", isOn: $foo.bar)
      }
  }
  

• 更直接的写法：如果不想在视图间传递foo实例，也可以在子视图中直接结合@Environment和@Bindable实现双向绑定，不需要中间传递：

  struct Subview: View {
      @Environment(Foo.self) private var foo
      @Bindable private var bindableFoo = foo!
  
      var body: some View {
          Toggle("Toggle", isOn: $bindableFoo.bar)
      }
  }
  

  或者更简洁的方式（前提是确保App中已经正确注入了Foo实例，不会出现nil）：

  struct Subview: View {
      @Environment(Foo.self) private var foo
  
      var body: some View {
          Toggle("Toggle", isOn: $foo!.bar)
      }
  }
  

内容的提问来源于stack exchange，提问作者shodak