SwiftUI可选State变量绑定问题：代码无法编译如何修复？

错误原因 #

你通过if let解包@State修饰的可选TestModel后，得到的是普通的实例对象，但OverlayTestView要求接收的是Binding<TestModel>类型参数，两者类型不匹配导致编译失败。

三种修改方案 #

方案一：调整子视图接受可选绑定（最简洁） #

如果OverlayTestView可以处理空值，直接将其绑定参数改为可选类型，无需在父视图解包：

// 修改OverlayTestView
struct OverlayTestView: View {
    @Binding var textVM: TestModel?
    
    var body: some View {
        if let vm = textVM {
            Text("Count \(vm.counter)")
        } else {
            EmptyView()
        }
    }
}

// 修改TestView的body
struct TestView: View {
    @State var model: TestModel?
    
    var body: some View {
        OverlayTestView(textVM: $model)
            .overlay {
                if model == nil {
                    ProgressView()
                        .task {
                            model = TestModel()
                        }
                }
            }
    }
}

方案二：构造非空Binding（子视图必须接收非空参数时用） #

如果OverlayTestView强制要求非空的Binding<TestModel>，可以通过Binding构造器手动创建绑定关系：

// 保持OverlayTestView不变，修改TestView的if let代码块
if let model = model {
    OverlayTestView(textVM: Binding(
        get: { model },
        set: { self.model = $0 }
    ))
}

方案三：改用@StateObject管理Observable对象（符合最佳实践） #

由于TestModel是@Observable类，更适合用@StateObject（而非@State）来持有，这样可以直接获得非空绑定：

// 修改TestView的状态声明
struct TestView: View {
    @StateObject var model = TestModel()
    
    var body: some View {
        OverlayTestView(textVM: $model)
    }
}

如果需要异步初始化，可以改为@StateObject var model: TestModel?，再通过task赋值后显示子视图。

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