SwiftUI中Model/ViewModel变更未触发视图更新问题排查

问题根源 #

你的ViewModel使用@Published修饰model对象，但Model是普通类——@Published仅会在对象引用被替换（比如执行model = Model()）时发送更新通知，而Model内部的factText属性修改并不会触发这个通知，因此视图无法感知到变化，也就不会重建更新。

解决方案 #

方案1：让Model遵循ObservableObject，内部属性用@Published

这是最贴合SwiftUI响应式范式的做法，让Model自身成为可观察对象：

class Model: ObservableObject {
    @Published var factText = "initial value"
    
    func networkCall() {
        let headers: HTTPHeaders = ["X-Api-Key": Constants.apiKey]
        
        AF.request(Constants.url, headers: headers)
            .responseDecodable(of: [Response].self) { response in
                // 替换强制解包，避免崩溃风险
                if let fact = response.value?[0].fact {
                    DispatchQueue.main.async {
                        self.factText = fact
                    }
                }
            }
    }
}

此时ViewModel可保持原有结构，@Published var model = Model()会自动监听Model内部@Published属性的变化，视图将同步更新。

方案2：ViewModel直接管理可发布的factText

如果不想修改Model的结构，可以让ViewModel暴露@Published的factText属性，在网络请求完成后手动更新：

class ViewModel: ObservableObject {
    private var model = Model()
    
    @Published var factText = "initial value"
    
    func getNewFact() {
        model.networkCall { [weak self] newFact in
            DispatchQueue.main.async {
                self?.factText = newFact
            }
        }
    }
}

// 给Model添加回调，传递请求结果
class Model {
    var factText = "initial value"
    
    func networkCall(completion: @escaping (String) -> Void) {
        let headers: HTTPHeaders = ["X-Api-Key": Constants.apiKey]
        
        AF.request(Constants.url, headers: headers)
            .responseDecodable(of: [Response].self) { response in
                if let fact = response.value?[0].fact {
                    self.factText = fact
                    completion(fact)
                }
            }
    }
}

同时修改视图绑定逻辑：

Text(viewModel.factText)

额外注意点 #

• 网络请求的回调运行在后台线程，更新UI相关属性必须切换到主线程（上述代码已添加DispatchQueue.main.async），否则可能引发异常。
• 避免使用!强制解包，建议通过可选绑定处理空值场景，提升代码稳定性。

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