SwiftUI中@ObservedObject未触发BeginWorkoutView UI更新问题求助

嘿，我来帮你捋捋这个UI不更新的问题～ 你说的这种情况我之前也碰到过，大概率是在@ObservedObject/@Published/MainActor的使用细节上踩坑了，咱们一步步排查：

1. 先确认ObservableObject的声明方式对不对 #

如果你的ViewModel是在BeginWorkoutView的body里或者某个方法里创建的，那每次视图刷新都会重新初始化这个对象，自然没法监听变化。正确的做法是：

• 如果是当前视图自己创建ViewModel，用@StateObject（iOS14及以上）修饰，它能保证对象只初始化一次：

struct BeginWorkoutView: View {
    @StateObject private var workoutVM = WorkoutViewModel()
    // ... 视图内容
}

• 如果是从父视图传入的ViewModel，才用@ObservedObject修饰：

struct BeginWorkoutView: View {
    @ObservedObject var workoutVM: WorkoutViewModel
    // ... 视图内容
}

很多新手会把这俩搞混，用错了就会导致ViewModel被频繁重建，UI自然不会跟着更新。

2. 检查@Published属性的设置 #

你的模板数据有没有用@Published修饰？如果只是普通属性，修改时不会通知视图刷新。比如：

class WorkoutViewModel: ObservableObject {
    // ❌ 错误：没加@Published，修改不会触发UI更新
    // var workoutTemplates: [WorkoutTemplate] = []
    
    // ✅ 正确：用@Published包裹，数据变化时自动通知视图
    @Published var workoutTemplates: [WorkoutTemplate] = []
}

另外要注意：

• 如果WorkoutTemplate是值类型（struct）：修改数组里的元素会自动触发@Published；
• 如果WorkoutTemplate是引用类型（class）：修改对象内部的属性时，因为数组里的对象引用没变，@Published不会自动触发。这时候要么手动调用objectWillChange.send()，要么让WorkoutTemplate也继承ObservableObject并内部用@Published修饰属性，iOS17+的话可以直接用@Observable宏更方便。

3. 确保数据更新在主线程 #

SwiftUI的UI更新必须在主线程执行，如果你的模板修改逻辑跑在后台线程，那UI肯定不会刷新。解决办法：

• 给修改数据的方法加上@MainActor修饰，确保它在主线程执行：

class WorkoutViewModel: ObservableObject {
    @Published var workoutTemplates: [WorkoutTemplate] = []
    
    @MainActor
    func updateTemplate(updated: WorkoutTemplate) {
        if let index = workoutTemplates.firstIndex(where: { $0.id == updated.id }) {
            workoutTemplates[index] = updated
        }
    }
}

• 如果用了async/await，要么让ViewModel本身用@MainActor修饰，要么在更新数据时切换到主线程。

4. 检查视图是否绑定了正确的数据源 #

有时候你可能在视图里用了局部变量来存模板数据，而不是直接绑定ViewModel的@Published属性，比如：

// ❌ 错误：用了局部变量，视图不会感知到ViewModel的变化
var body: some View {
    let templates = workoutVM.workoutTemplates
    List(templates) { template in
        Text(template.name)
    }
}

// ✅ 正确：直接绑定ViewModel的@Published属性
var body: some View {
    List(workoutVM.workoutTemplates) { template in
        Text(template.name)
    }
}

一定要确保UI元素直接依赖ViewModel的@Published属性，这样数据变化时视图才会刷新。

5. 确认编辑后的模板正确传回了ViewModel #

在编辑模板的视图里，你是不是只是修改了局部的模板对象，却没调用ViewModel的方法去更新源数据？比如编辑完要点击保存时，得把更新后的模板传给ViewModel，让它去修改@Published的数组：

struct EditTemplateView: View {
    @ObservedObject var workoutVM: WorkoutViewModel
    var template: WorkoutTemplate
    @State private var editedName: String
    
    init(workoutVM: WorkoutViewModel, template: WorkoutTemplate) {
        self.workoutVM = workoutVM
        self.template = template
        _editedName = State(initialValue: template.name)
    }
    
    var body: some View {
        TextField("模板名称", text: $editedName)
        Button("保存") {
            var updatedTemplate = template
            updatedTemplate.name = editedName
            workoutVM.updateTemplate(updated: updatedTemplate)
        }
    }
}

调试小技巧 #

可以在ViewModel的@Published属性里加个didSet打印日志，看看数据是不是真的更新了；也可以在BeginWorkoutView的body里打印self，看看视图有没有刷新，这样能快速定位是数据没更新还是视图没响应。

备注：内容来源于stack exchange，提问作者whyDoICodeFrontEnd