SwiftData子视图更新后父视图@Query对象未同步问题求助

问题场景 #

使用SwiftData时，ReadingView通过@Query筛选出status为"reading"的SDBook列表展示，但在子视图ReadingRowView中通过弹窗更新书籍当前页数后，ReadingView的UI无法同步更新，进度条也不会刷新。

核心原因 #

1. 多上下文冲突：ReadingRowView中添加了.modelContainer(for: [SDBook.self])，会创建独立的模型上下文，和父视图ReadingView的上下文不一致，修改无法同步到主上下文。
2. 不必要的包裹类：自定义的ReadingBooksModel包裹了SDBook，反而破坏了SwiftData模型本身的可观察性，导致属性变更无法触发视图更新。
3. 未触发上下文保存：修改currentPage后没有调用modelContext.save()，SwiftData无法感知到变更并更新@Query的结果。
4. 进度值未实时更新：progress仅在onAppear时计算，后续书籍页数变更不会重新计算进度。

修复步骤及代码修改 #

1. 调整ReadingView（移除无用代码） #

struct ReadingView: View {
    @Environment(\.modelContext) private var modelContext
    @Query(filter: #Predicate<SDBook> { book in
        book.status == "reading"
    }) var itemsBooks: [SDBook]

    var body: some View {
        ScrollView {
            LazyVStack {
                ForEach(itemsBooks, id: \.id) { value in
                    ReadingRowView(book: value)
                }
            }
        }
    }
}

2. 重构ReadingRowView #

移除自定义模型类，直接使用SwiftData的SDBook实例，利用其自带的可观察性，同时确保使用父视图传递的上下文：

struct ReadingRowView: View {
    @Environment(\.modelContext) private var modelContext
    let book: SDBook // SwiftData模型自带可观察性，无需额外包裹
    @State private var showingAlert = false
    @State private var pageRead = ""
    @State private var showError = false

    // 实时计算进度，替代原@State的progress
    private var progress: Double {
        guard book.numberOfPages > 0 else { return 0 }
        return Double((100 * book.currentPage) / book.numberOfPages)
    }

    var body: some View {
        HStack {
            if let selectedPhotoData = book.image, let uiImage = UIImage(data: selectedPhotoData) {
                Image(uiImage: uiImage)
                    .resizable()
                    .frame(width: 100, height: 150)
                    .aspectRatio(contentMode: .fit)
                    .shadow(color: Color.accentColor, radius: 10)
            }
            VStack(alignment: .leading) {
                Text(book.name)

                HStack(alignment: .center) {
                    ProgressView(value: progress, total: 100.0)
                    Text("\(String(format: "%.0f", progress)) %")
                        .font(.system(size: 13))
                        .fontWeight(.medium)
                }.padding(.horizontal, 3)

                Button {
                    showingAlert.toggle()
                } label: {
                    Text("Update Progress")
                }
                .buttonStyle(ProgressButtonModifier())
            }
        }
        .alert(book.name, isPresented: $showingAlert) {
            TextField("Page read", text: $pageRead)
                .modifier(TextFieldModifier())
                .keyboardType(.numberPad)
            Button("Submit", action: submit)
        } message: {
            Text("what is your current page ?")
        }
        .toast(isPresenting: $showError){
            AlertToast(displayMode: .banner(.pop), type: .error(Color.accentColor), title: "Current page should not be more than total number of pages")
        }
        .padding()
        // 移除多余的modelContainer，使用父视图传递的上下文
    }

    func submit() {
        guard let currentPage = Int(pageRead), currentPage > 0 else { return }
        if currentPage > book.numberOfPages {
            showError.toggle()
        } else {
            book.currentPage = currentPage
            // 保存上下文，触发SwiftData更新@Query结果
            try? modelContext.save()
            showingAlert.toggle()
        }
    }
}

关键修复点说明 #

• 移除独立模型容器：确保子视图和父视图共享同一个模型上下文，修改能同步到主存储。
• 使用原生SwiftData模型：SDBook作为SwiftData模型，默认实现了可观察性，属性变更会自动触发视图更新。
• 主动保存上下文：修改属性后调用modelContext.save()，让SwiftData持久化变更并更新所有关联的@Query。
• 实时计算进度：将progress改为计算属性，依赖book.currentPage自动更新，无需手动刷新。

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