SwiftUI中ViewModel状态更新后View未刷新问题求助

你的代码中UI不更新的核心问题在于ViewModel的层级管理错误，以及ContentView错误地将IntervalsView作为存储属性持有：

1. ContentView把IntervalsView实例存在私有属性里，SwiftUI的View是值类型，存储属性的内部状态变化不会触发ContentView的body重新计算，自然也不会更新IntervalsView的UI。
2. 直接从存储的IntervalsView实例中获取ViewModel的方法，破坏了SwiftUI的响应式依赖追踪，导致ViewModel的@Published属性更新时，无法通知到视图刷新。

把ViewModel的管理提升到ContentView层级，通过依赖注入传递给子视图，让SwiftUI能正确追踪状态变化：

1. 修改ContentView，持有ViewModel并传递给子视图 #

struct ContentView: View {
    // 在ContentView中初始化ViewModel，用@StateObject管理生命周期
    @StateObject private var vm = ViewModel(numberIntervals: 5)
    
    var body: some View {
        VStack {
            // 直接传递ViewModel的方法给CountDownTimer
            CountDownTimer(callback: vm.completeOneInterval)
            // 将ViewModel注入到IntervalsView
            IntervalsView(vm: vm)
        }
    }
}

2. 调整IntervalsView，接收外部传入的ViewModel #

struct IntervalsView: View {
    // 用@ObservedObject监听ViewModel的变化
    @ObservedObject var vm: ViewModel
    
    // 移除原来的自定义init，使用默认的接收ViewModel的初始化方法
    var body: some View {
        HStack {
            ForEach(0 ..< vm.numberIntervals, id: \.self) { _ in
                RoundedRectangle(cornerRadius: 25)
                    .fill(Color.blue)
                    .frame(width: 12, height: 5)
            }
        }
    }
}

3. 保持ViewModel和CountDownTimer不变 #

ViewModel的completeOneInterval方法以及CountDownTimer的代码不需要修改，它们的逻辑本身没有问题。

• @StateObject确保ViewModel在ContentView的生命周期内只初始化一次，并且能被SwiftUI追踪。
• @ObservedObject让IntervalsView监听ViewModel的@Published属性变化，当numberIntervals更新时，IntervalsView的body会自动重新计算，更新矩形数量。
• 通过依赖注入传递ViewModel，保证兄弟组件（CountDownTimer和IntervalsView）共享同一个ViewModel实例，方法调用后的状态变化能同步到视图。

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