SwiftUI修改@State变量后视图未刷新问题求助

核心问题排查与修复步骤 #

1. 补全@State/@Binding的触发逻辑 #

你提到refreshContentView的值从false变为true但视图未刷新，核心原因是ContentView没有监听这个状态变化来触发数据加载。单纯修改@Binding变量的值，只有当视图渲染直接依赖该变量时才会刷新，否则需要手动绑定触发逻辑：

// 在ContentView中添加onChange修饰符
struct ContentView: View {
    @State private var refreshContentView = false
    @StateObject var viewModel = HabitViewModel() // 替换@ObservedObject为@StateObject
    
    var body: some View {
        // 确保视图内容绑定到viewModel的@Published属性
        List(viewModel.habits) { habit in
            Text(habit.name)
        }
        .sheet(isPresented: $showingDeletePopup) {
            EggDeletionConfirmationView(refreshContentView: $refreshContentView)
        }
        .onChange(of: refreshContentView) { newValue in
            if newValue {
                viewModel.loadJsonData()
                refreshContentView = false // 重置状态，确保下次点击仍能触发
            }
        }
    }
}

2. 用@StateObject替代@ObservedObject #

当前用@ObservedObject var viewModel = HabitViewModel()初始化视图模型，会导致视图重建时viewModel被重新实例化，旧实例的数据更新无法通知到新视图。改用@StateObject可保证视图模型与视图生命周期一致：

// 正确的视图模型声明方式（iOS14+）
@StateObject var viewModel = HabitViewModel()

3. 确保ViewModel属性使用@Published修饰 #

如果loadJsonData()更新的是ViewModel内部数据，但未用@Published标记，SwiftUI无法感知数据变化，自然不会刷新视图：

class HabitViewModel: ObservableObject {
    // 用@Published标记需要驱动视图刷新的属性
    @Published var habits: [Habit] = []
    
    func loadJsonData() {
        // 模拟加载JSON数据逻辑
        guard let url = Bundle.main.url(forResource: "habits", withExtension: "json"),
              let data = try? Data(contentsOf: url),
              let loadedHabits = try? JSONDecoder().decode([Habit].self, from: data) else {
            return
        }
        // 更新@Published属性，自动触发视图刷新
        self.habits = loadedHabits
    }
}

4. 确认弹窗中@Binding的修改逻辑 #

确保在EggDeletionConfirmationView中正确修改绑定变量，且关闭弹窗的逻辑不影响状态传递：

struct EggDeletionConfirmationView: View {
    @Binding var refreshContentView: Bool
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack {
            Text("确认删除这个习惯吗？")
            Button("确认删除") {
                // 先执行删除逻辑（如修改本地JSON文件）
                deleteHabit()
                // 修改绑定变量触发刷新
                refreshContentView = true
                // 关闭弹窗
                dismiss()
            }
        }
    }
    
    private func deleteHabit() {
        // 你的删除逻辑实现
    }
}

额外验证点 #

• 确认ContentView的视图内容直接绑定到viewModel.habits这类@Published属性，而非硬编码或本地变量。
• 在loadJsonData()末尾添加print(self.habits)，验证数据是否真的被更新。

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