SwiftUI从Model获取数值失效：点击按钮视图无更新

问题根源 #

迁移到Statistic Model后视图不更新，核心原因是数据模型没有实现可观察对象协议，或视图未正确监听模型变化，导致数值更新时无法触发视图刷新。

分步解决方案 #

1. 修正StatisticModel实现

确保模型遵循ObservableObject协议，并用@Published包装需要监听的数值属性：

import Foundation

class StatisticModel: ObservableObject {
    // @Published会在数值变化时自动通知视图更新
    @Published var score = 0
    
    // 封装递增逻辑
    func incrementScore() {
        score += 1
    }
}

2. 在父视图中正确持有模型实例

在ContentView中用@StateObject（视图内部创建模型时使用）持有StatisticModel，确保生命周期与视图绑定：

import SwiftUI

struct ContentView: View {
    // @StateObject负责管理可观察对象的生命周期
    @StateObject private var statisticModel = StatisticModel()
    
    var body: some View {
        VStack(spacing: 20) {
            // 传递最新的score到TextView
            TextView(score: statisticModel.score)
            // 传递递增方法到按钮组件
            ScoreButtons(onIncrement: statisticModel.incrementScore)
        }
        .padding()
    }
}

3. 确保子视图正确响应数据变化

• ScoreButtons：接收点击回调，触发模型的递增方法

struct ScoreButtons: View {
    let onIncrement: () -> Void
    
    var body: some View {
        Button(action: onIncrement) {
            Text("+")
                .font(.system(size: 40, weight: .bold))
                .frame(width: 80, height: 80)
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(40)
        }
    }
}

• TextView：直接接收更新后的数值并展示

struct TextView: View {
    let score: Int
    
    var body: some View {
        Text("\(score)")
            .font(.system(size: 60, weight: .bold))
            .foregroundColor(.black)
    }
}

关键知识点说明 #

• ObservableObject：SwiftUI中用于标记可被观察的数据模型，模型变化时会发送通知。
• @Published：属性包装器，自动为属性添加变化监听，值改变时触发视图刷新。
• @StateObject：专门用于在视图内部创建可观察对象，避免视图重建时重复初始化模型；如果模型是从父视图传递过来，改用@ObservedObject。

常见错误排查 #

• 遗漏ObservableObject协议实现：模型无法被视图观察。
• 未用@Published包装数值：数值变化时不会发送通知。
• 用普通变量持有模型：视图无法监听模型的变化。

内容的提问来源于stack exchange，提问作者Alperen Sarışan