集成SwiftData后列表添加条目不刷新问题求助

问题原因 #

1. ViewModel的@Query未关联正确的ModelContext：@Query属性包装器需要依赖有效的ModelContext才能监听数据变化，原实现中直接使用@Query但未绑定到视图的ModelContext，导致数据更新时无法通知视图刷新。
2. ViewModel未持有ModelContext：原代码添加条目时需要从视图传递context，但@Query并未和这个context关联，新条目插入后items数组不会自动更新。
3. 行视图状态管理错误：EinkaufItemRowView使用@State存储模型属性，切断了与SwiftData模型的关联，修改不会同步到数据库，也无法触发视图刷新。

解决步骤 #

1. 修正ViewModel实现 #

让ViewModel持有ModelContext，确保@Query关联到该context：

class EinkaufViewModel: ObservableObject {
    private let context: ModelContext
    @Query var items: [Einkauf]

    init(context: ModelContext) {
        self.context = context
        // 初始化@Query，默认查询所有Einkauf对象
        _items = Query()
    }

    func addItem() {
        let newItem = Einkauf(name: "Neuer Artikel", anzahl: 0)
        context.insert(newItem)
        // 无需手动append，@Query会自动更新items数组
    }
}

2. 修正视图的ViewModel初始化 #

在EinkaufslisteDetailView中使用@StateObject管理ViewModel，并传入环境中的ModelContext：

struct EinkaufslisteDetailView: View {
    @Environment(\.modelContext) private var context
    @StateObject private var vm: EinkaufViewModel
    @State private var isDone: Bool = false
    @State private var textFieldText: String = ""

    let kategorieName: String

    init(kategorieName: String) {
        self.kategorieName = kategorieName
        _vm = StateObject(wrappedValue: EinkaufViewModel(context: context))
    }

    var body: some View {
        NavigationStack {
            List {
                ForEach(vm.items) { item in
                    EinkaufItemRowView(item: item)
                        .padding(.vertical)
                }
            }
            .listStyle(.plain)
            .navigationBarItems(
                trailing: Button(action: { vm.addItem() }) {
                    Image(systemName: "plus.circle")
                        .resizable()
                        .frame(width: 30, height: 30)
                }
            )
            .navigationTitle(kategorieName)
        }
    }
}

3. 修正行视图，绑定到SwiftData模型 #

使用@Bindable让行视图可以修改模型属性并同步到数据库：

struct EinkaufItemRowView: View {
    @Bindable var item: Einkauf
    @State private var isDone: Bool = false
    @State private var textFieldText: String = ""

    init(item: Einkauf) {
        self.item = item
        self._textFieldText = State(initialValue: item.name)
    }

    var body: some View {
        HStack {
            Image(systemName: isDone ? "checkmark.circle.fill" : "checkmark.circle")
                .resizable()
                .frame(width: 30, height: 30)
                .foregroundStyle(isDone ? .green : .primary)
                .padding(.horizontal)
                .onTapGesture {
                    isDone.toggle()
                }

            TextField(item.name, text: $textFieldText)
                .strikethrough(isDone)
                .font(.title2)
                .onChange(of: textFieldText) { newValue in
                    item.name = newValue // 同步修改到SwiftData模型
                }

            Spacer()

            Button(action: {
                guard item.anzahl > 0 else { return }
                item.anzahl -= 1
            }) {
                Image(systemName: "minus.circle")
                    .resizable()
                    .foregroundStyle(.red)
                    .frame(width: 30, height: 30)
            }

            Button(action: {
                item.anzahl += 1
            }) {
                Image(systemName: "plus.circle")
                    .resizable()
                    .foregroundStyle(.green)
                    .frame(width: 30, height: 30)
            }

            Text("\(item.anzahl)")
                .frame(width: 40)
                .padding(.horizontal, 5)
                .font(.title2)
                .bold()
        }
    }
}

4. 修正预览配置 #

预览时需要创建SwiftData容器，确保测试数据能正确加载：

#Preview {
    do {
        let config = ModelConfiguration(isStoredInMemoryOnly: true)
        let container = try ModelContainer(for: Einkauf.self, configurations: config)
        // 添加测试数据到预览容器
        let context = container.mainContext
        context.insert(Einkauf(name: "Apfel", anzahl: 1))
        context.insert(Einkauf(name: "Fanta", anzahl: 10))
        try context.save()

        return EinkaufslisteDetailView(kategorieName: "Testname")
            .modelContainer(container)
    } catch {
        return Text("Preview failed: \(error.localizedDescription)")
    }
}

关键说明 #

• @Query会自动监听ModelContext中的数据变化，插入/删除/修改对象时items数组会自动更新，触发视图刷新。
• @Bindable用于将SwiftData模型转换为可绑定对象，让视图可以直接修改模型属性并同步到数据库。
• 使用@StateObject管理ViewModel，确保其生命周期与视图一致，避免重复初始化导致的状态丢失。

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