如何将SwiftData的@Query结果以Binding形式传递给视图？

问题背景 #

需要将SwiftData中通过@Query查询到的数组数据，传递给接收Binding<[MyModel]>类型参数的子视图，但直接传递$data会报错；使用@State中转的方案，无法同步SwiftData数据源的更新——因为@State是视图私有状态，不会自动响应数据库变化。

可行解决方案 #

方案一：ObservableObject中间层（推荐） #

通过ObservableObject包装数据，监听@Query的变化同步更新，既保留Binding能力，又能响应SwiftData的数据源更新。

1. 定义ViewModel：

class DataViewModel: ObservableObject {
    @Published var items: [MyModel] = []
    
    func sync(with queryItems: [MyModel]) {
        // 避免无意义刷新，仅在内容变化时更新
        guard items != queryItems else { return }
        items = queryItems
    }
}

2. 在父视图中使用：

struct View1: View {
    @Query var data: [MyModel]
    @StateObject private var viewModel = DataViewModel()
    
    var body: some View {
        View2(data: $viewModel.items)
            .onChange(of: data) { newData in
                viewModel.sync(with: newData)
            }
    }
}

struct View2: View {
    @Binding var data: [MyModel]
    // 子视图逻辑...
}

当SwiftData数据源更新时，@Query的data会自动刷新，触发onChange将新数据同步到ViewModel的@Published属性，子视图的Binding会随之更新。

方案二：自定义Binding直接操作SwiftData上下文 #

如果不想引入ViewModel，可以基于@Query的数据和modelContext创建自定义Binding，直接处理数组修改的逻辑。

struct View1: View {
    @Query var data: [MyModel]
    @Environment(\.modelContext) private var context
    
    var body: some View {
        let dataBinding = Binding<[MyModel]>(
            get: { data },
            set: { newItems in
                // 处理数组变更：删除旧元素
                for item in data where !newItems.contains(where: { $0.id == item.id }) {
                    context.delete(item)
                }
                // 添加/更新新元素
                for newItem in newItems {
                    if let existing = data.first(where: { $0.id == newItem.id }) {
                        // 示例：更新模型属性（根据MyModel实际属性调整）
                        existing.name = newItem.name
                    } else {
                        context.insert(newItem)
                    }
                }
                // 保存上下文（若开启自动保存可省略）
                try? context.save()
            }
        )
        
        View2(data: dataBinding)
    }
}

注意：此方案需要手动处理数组的增删改逻辑，确保与SwiftData上下文操作一致，适合简单场景。

方案三：优化子视图设计（更符合SwiftData范式） #

如果子视图只是需要修改单个元素而非整个数组，可直接传递查询到的数据，并在子视图中通过自定义Binding修改单个模型，结合modelContext保存变更，无需传递整个数组的Binding。

// 修改后的View2
struct View2: View {
    let items: [MyModel]
    @Environment(\.modelContext) private var context
    
    var body: some View {
        List(items) { item in
            TextField("名称", text: Binding(
                get: { item.name },
                set: {
                    item.name = $0
                    try? context.save()
                }
            ))
        }
    }
}

// View1中直接传递数据
struct View1: View {
    @Query var data: [MyModel]
    
    var body: some View {
        View2(items: data)
    }
}

这种方式更贴合SwiftData的设计理念，避免了传递整个数组Binding的复杂度。

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