SwiftUI视图删除SwiftData子对象后未实时更新的问题咨询

点击删除按钮后界面无视觉变化，但离开页面再返回后，已删除的Question会消失——说明删除操作已执行，但视图未正确监听Category子对象Question的变化。

原代码 #

@Model
class Category: Decodable, Identifiable {
    var id: Int
    var title: String
    
    @Relationship var questions = [Question]()
}   

@Model
class Question: Decodable, Identifiable {
    var id: Int
    var text: String

    @Relationship var category: Category?

    init(id: Int, text: String) {
        self.id = id
        self.text = text
    }
}

struct EditCategoryView: View {
    @Environment(\.modelContext) private var modelContext
    @Bindable var category: Category // 绑定是为了在当前页面编辑分类标题

    var body: some View {
        ScrollView {
            ForEach(category.questions) { question in
                HStack {
                    Text(question.text)
                        .baseTextStyle()
                    
                    Spacer()

                    Button(action: {
                        delete(question: question)
                    }, label: {
                        Text("Delete")
                    })
                }
                .padding(.horizontal, 8)
            }
        }
    }

    func delete(question: Question) {
        modelContext.delete(question)
        try! modelContext.save()
    }
}

解决方法 #

方法一：使用@Query监听分类下的问题 #

通过@Query直接从数据库中获取当前分类关联的所有Question，@Query会自动监听数据变化并触发视图更新：

struct EditCategoryView: View {
    @Environment(\.modelContext) private var modelContext
    @Bindable var category: Category
    // 用@Query过滤当前分类的问题
    @Query private var questions: [Question]

    init(category: Category) {
        self.category = category
        // 初始化Query，匹配分类ID
        _questions = Query(filter: #Predicate<Question> { $0.category?.id == category.id })
    }

    var body: some View {
        ScrollView {
            ForEach(questions) { question in
                HStack {
                    Text(question.text)
                        .baseTextStyle()
                    
                    Spacer()

                    Button(action: {
                        delete(question: question)
                    }, label: {
                        Text("Delete")
                    })
                }
                .padding(.horizontal, 8)
            }
        }
    }

    func delete(question: Question) {
        modelContext.delete(question)
        // 替换try!为安全的错误处理
        do {
            try modelContext.save()
        } catch {
            print("删除失败：\(error.localizedDescription)")
        }
    }
}

方法二：绑定分类的questions数组 #

利用@Bindable生成的绑定数组$category.questions，让ForEach感知数组元素的变化：

struct EditCategoryView: View {
    @Environment(\.modelContext) private var modelContext
    @Bindable var category: Category

    var body: some View {
        ScrollView {
            // 使用绑定数组$category.questions
            ForEach($category.questions) { $question in
                HStack {
                    Text(question.text)
                        .baseTextStyle()
                    
                    Spacer()

                    Button(action: {
                        delete(question: question)
                    }, label: {
                        Text("Delete")
                    })
                }
                .padding(.horizontal, 8)
            }
        }
    }

    func delete(question: Question) {
        modelContext.delete(question)
        do {
            try modelContext.save()
        } catch {
            print("删除失败：\(error.localizedDescription)")
        }
    }
}

说明 #

• 两种方法都能让视图在删除Question后实时刷新，选择哪种取决于业务场景：需要复杂过滤逻辑优先用@Query，简单展示分类下问题则绑定数组更简洁。
• 建议替换try!为do-catch错误处理，避免运行时崩溃。

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