SwiftUI中@StateObject字典更新时ForEach视图未更新问题

核心问题 #

1. Cell视图未绑定数据源：当前Cell的UI展示的是自身@State变量text，而非从Data实例的data字典中读取值，因此Data更新时，Cell无法感知变化。
2. 视图标识逻辑不合理：Cell的id由key和text组合而成，而text未与数据源联动，导致ForEach无法检测到视图需要刷新。
3. 冗余的状态通知：Data类中@Published属性修改时会自动发送状态变更通知，手动调用objectWillChange.send()属于冗余操作。

修复方案 #

1. 调整Data类

移除冗余的手动状态通知：

import SwiftUI

class Data: ObservableObject {
    @Published var data: [String:String]

    init() {
        data = [:]
    }

    func updateValue(key: String, value: String) {
        data[key] = value
        // 移除手动发送通知，@Published会自动处理
    }
}

2. 重构Cell视图

让Cell直接绑定Data的数据源，同时简化标识逻辑：

import SwiftUI

struct Cell: View, Identifiable {
    let key: String
    @ObservedObject var data: Data
    // 移除@State的text，改为从data中读取值
    private let initialText: String

    init(key: String, data: Data, text: String) {
        self.key = key
        self.data = data
        self.initialText = text
        // 初始化时将初始值存入Data
        data.data[key] = text
    }

    // 用唯一key作为id，更合理
    var id: String { key }

    var body: some View {
        HStack {
            Text(key)
            Text(" / ")
            // 从Data中读取最新值，无值时显示初始值
            Text(data.data[key] ?? initialText)
            Button(action: confirm) {
                Label("", systemImage: "checkmark")
            }
        }
    }

    private func confirm() {
        data.updateValue(key: key, value: "updated123")
    }
}

注：移除了不必要的Hashable实现，Identifiable已满足ForEach的需求；同时修改了confirm方法，让按钮更新当前Cell对应的key值（原代码固定更新"C"，这里改为自身key更符合逻辑）。

3. 简化ContentView

无需修改原有cells逻辑，确保Cell绑定正确即可：

import SwiftUI

struct ContentView: View {
    @StateObject private var data = Data()
    @State private var cells: [Int: [Cell]] = [:]

    var body: some View {
        VStack {
            Text("Debug me")

            if let items = cells[0] {
                ForEach(items) { item in
                    item
                }
            }
        }
        .onAppear {
            setup()
        }
    }

    private func setup() {
        var newData: [Cell] = []
        newData.append(Cell(key: "A", data: data, text: "1"))
        newData.append(Cell(key: "B", data: data, text: "2"))
        newData.append(Cell(key: "C", data: data, text: "3"))
        cells[0] = newData
    }
}

效果说明 #

修改后，点击Cell的按钮会更新Data中对应key的值，由于Cell的UI直接绑定Data的@Published属性，所有关联的Cell视图会自动刷新，展示最新数据。

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