SwiftUI中为可选@State生成Binding的优雅解决方案

以下是符合你要求的简洁实现，既不用可失败初始化器，也无需拆分LocalState结构：

import SwiftUI

struct ContentView: View {
  @State var state: LocalState?
  
  var body: some View {
    // 解包绑定类型的可选值，获取有效绑定
    if let stateBinding = $state {
      Toggle("Toggle", isOn: stateBinding.isOn)
    }
  }
}

extension ContentView {
  struct LocalState {
    var isOn: Bool
  }
}

struct ContentView_Previews: PreviewProvider {
  static var previews: some View {
    VStack {
      ContentView(state: .init(isOn: false))
        .border(Color.red)
      
      ContentView()
        .border(Color.red)
    }
  }
}

关键说明 #

• 将@State修饰符放在ContentView的state属性上，确保状态被SwiftUI正确托管，解决第一个示例中@State作用域错误的问题。
• $state返回的是Binding<LocalState?>类型，通过if let解包后得到Binding<LocalState>，此时访问stateBinding.isOn就能得到Toggle所需的Binding<Bool>，避开了第二个示例中可选绑定的语法问题。

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