SwiftUI中绑定ViewModel可选parentList属性的编译错误解决

你遇到的编译错误是因为$viewModel返回的是Bindable<TodoListEditorViewModel>类型，但TodoListPicker的viewModel参数需要的是原始的TodoListEditorViewModel实例。以下是正确的实现方式：

核心修正点 #

• 传递ViewModel实例而非绑定包装器：跳转TodoListPicker时直接传入viewModel，而非$viewModel。子视图内部通过@Bindable修饰该参数，即可自动建立双向绑定关系。
• 匹配可选属性的类型：由于parentList是可选类型，TodoListPicker中的selectedTodoList也应设为可选，避免初始化时的nil冲突。

修正后的代码示例 #

1. 调整TodoListPicker实现 #

struct TodoListPicker: View {
    @Query private var todoLists: [TodoList]
    @State private var selectedTodoList: TodoList?
    @Bindable var viewModel: TodoListEditorViewModel
    @Environment(\.dismiss) private var dismiss

    // 初始化时同步ViewModel的父列表状态
    init(viewModel: TodoListEditorViewModel) {
        self.viewModel = viewModel
        self._selectedTodoList = State(initialValue: viewModel.parentList)
    }

    var body: some View {
        List(todoLists) { list in
            Button(action: {
                selectedTodoList = list
                // 同步选择结果到ViewModel
                viewModel.parentList = list
                // 选择完成后自动返回上一页
                dismiss()
            }) {
                HStack {
                    Text(list.name)
                    Spacer()
                    // 标记已选中的列表
                    if selectedTodoList?.id == list.id {
                        Image(systemName: "checkmark")
                    }
                }
            }
        }
        .navigationTitle("选择父列表")
    }
}

2. 修正TodoListEditorForm的跳转逻辑 #

struct TodoListEditorForm: View {
    @Bindable var viewModel: TodoListEditorViewModel

    var body: some View {
        Form {
            // 其他表单字段（名称、颜色等）...
            
            // 跳转选择父列表的NavigationLink
            NavigationLink("选择父列表") {
                TodoListPicker(viewModel: viewModel) // 直接传递ViewModel实例
            }
        }
    }
}

原理说明 #

• @Bindable的作用是将Observable对象包装为可绑定对象，让SwiftUI能够追踪其属性变化。当子视图接收ViewModel实例并使用@Bindable修饰时，无需额外传递绑定包装器，即可直接修改ViewModel的属性并同步回父视图。
• 选择父列表后，直接赋值viewModel.parentList = list即可完成双向绑定，因为@Bindable会自动触发视图更新。

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