SwiftUI如何实现可选父状态与非可选子视图的双向绑定？

问题核心原因 #

你当前的实现无法同步的两个核心问题：

• 子视图使用@State修饰text属性，@State属于视图私有状态，仅在视图初始化时接收一次传入值，后续外部值变更不会同步更新内部@State，也不会将内部修改同步回外部
• 父视图解包的是model.name的值拷贝，不是Binding绑定类型，本身不具备双向同步能力

解决方案 #

完全可以实现可选上游状态到非可选子视图属性的双向绑定，只需要做两处修改：

1. 调整子视图属性修饰符 #

将子视图的@State改为@Binding，接收外部传入的非可选绑定：

struct Child: View {
    // 子视图内使用非可选的绑定类型
    @Binding var text: String
    
    var body: some View {
        TextField("OK: ", text: $text).multilineTextAlignment(.center)
    }
}

2. 父视图解包绑定而非解包值 #

SwiftUI提供了Binding构造器，可以直接将Binding<Value?>转换为Binding<Value>?，解包后即可得到非可选的绑定，只有上游值不为nil时子视图才会渲染：

if let textBinding = Binding($model.name) {
    Child(text: textBinding)
}

该实现完全满足你的需求：

• 双向同步：父级Model.name变更会同步到子视图，子视图输入修改也会同步回Model.name
• 自动显隐：当Model.name设为nil时，绑定解包失败，子视图自动销毁隐藏

修改后完整可运行代码 #

import SwiftUI

struct Child: View {
    // 改为@Binding接收外部非可选绑定
    @Binding var text: String
    
    var body: some View {
        TextField("OK: ", text: $text).multilineTextAlignment(.center)
    }
}

class Model: ObservableObject {
    @Published var name: String? = nil
}

struct Parent: View {
    @ObservedObject var model: Model = .init()
    
    var body: some View {
        VStack(spacing: 12) {
            Text("Demo..")
            // 解包绑定而非解包值，拿到非可选绑定传给子视图
            if let textBinding = Binding($model.name) {
                Child(text: textBinding)
            }
            Text("\(model.name ?? "<waiting>")")
        }
        .onAppear {
            model.name = "first change of optionality works"
            loop()
        }
    }
    
    @State var count = 0
    func loop() {
        async(after: 1) {
            count += 1
            model.name = "updated: \(count)"
            loop()
        }
    }
}

func async(_ queue: DispatchQueue = .main,
           after: TimeInterval,
           run work: @escaping () -> Void) {
    queue.asyncAfter(deadline: .now() + after, execute: work)
}

struct OptionalEditingPreview: PreviewProvider {
    static var previews: some View {
        Parent()
    }
}

低版本兼容方案 #

如果需要适配iOS15以下的系统，可以自行扩展Binding实现可选转非可选的能力：

extension Binding {
    func safeUnwrap<T>() -> Binding<T>? where Value == T? {
        guard let wrapped = wrappedValue else { return nil }
        return Binding<T>(
            get: { wrapped },
            set: { self.wrappedValue = $0 }
        )
    }
}
// 使用方式
if let textBinding = $model.name.safeUnwrap() {
    Child(text: textBinding)
}

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