SwiftUI中子视图无法触发ViewModel管理的Alert问题求助

最近在做SwiftUI项目的时候，想遵循DRY（Don't Repeat Yourself）原则把Alert的代码集中管理，写了个控制Alert状态的ViewModel，主视图里用着挺顺畅，但放到子视图里就完全没反应了，折腾了半天没搞明白问题出在哪，来请教下大家！

先给大家看看我目前的代码：

首先是AlertViewModel的实现： #

@MainActor
class AlertViewModel: ObservableObject {
    @Published var showAlert = false
    @Published var title: String = "Default Alert title"
    @Published var message: String = "Default Alert Message"
}

主视图里用的时候完全正常： #

struct MainView: View {
    @StateObject var vm = AlertViewModel()
    var body: some View {
        Button("Show alert on main view") {
            vm.title = "Main View Alert"
            vm.message = "This works perfectly!"
            vm.showAlert = true
        }
        .alert(isPresented: $vm.showAlert) {
            Alert(title: Text(vm.title), message: Text(vm.message))
        }
    }
}

但加到子视图里就失效了，这是我写的子视图代码： #

struct SubView: View {
    // 我一开始在这里直接创建了ViewModel实例
    @StateObject var vm = AlertViewModel()
    var body: some View {
        Button("Show alert from subview") {
            vm.title = "Subview Alert"
            vm.message = "Why isn't this showing up?"
            vm.showAlert = true
        }
        .alert(isPresented: $vm.showAlert) {
            Alert(title: Text(vm.title), message: Text(vm.message))
        }
    }
}

// 主视图里引入子视图的写法
struct MainView: View {
    @StateObject var vm = AlertViewModel()
    var body: some View {
        VStack {
            // 主视图的按钮
            Button("Show alert on main view") {
                vm.title = "Main View Alert"
                vm.message = "This works perfectly!"
                vm.showAlert = true
            }
            .alert(isPresented: $vm.showAlert) {
                Alert(title: Text(vm.title), message: Text(vm.message))
            }
            
            // 这里添加子视图
            SubView()
        }
    }
}

点主视图的按钮弹窗正常，但点了子视图的按钮完全没反应，到底是哪里出问题了？有没有大佬能帮忙指点下解决办法？

补充：后来自己琢磨了下，结合思路整理了两个可行的解决方案： #

方案一：共享主视图的ViewModel（统一管理弹窗）

问题根源其实是子视图自己创建了一个全新的AlertViewModel实例，和主视图的VM完全是两个独立对象，所以子视图修改的状态根本不会影响到主视图的Alert。解决办法就是把主视图的VM传递给子视图，子视图用@ObservedObject接收：

// 修改子视图，接收父视图传递的VM
struct SubView: View {
    @ObservedObject var alertVM: AlertViewModel
    
    var body: some View {
        Button("Show alert from subview") {
            alertVM.title = "Subview Triggered Alert"
            alertVM.message = "This is showing from the main view's alert!"
            alertVM.showAlert = true
        }
    }
}

// 主视图里传递自己的VM给子视图
struct MainView: View {
    @StateObject var vm = AlertViewModel()
    var body: some View {
        VStack {
            Button("Show alert on main view") {
                vm.title = "Main View Alert"
                vm.message = "This works perfectly!"
                vm.showAlert = true
            }
            .alert(isPresented: $vm.showAlert) {
                Alert(title: Text(vm.title), message: Text(vm.message))
            }
            
            SubView(alertVM: vm)
        }
    }
}

这样子视图修改的是主视图VM的状态，主视图的Alert就会正常触发，实现了统一管理弹窗的目的。

方案二：子视图独立使用ViewModel（单独弹窗）

如果你的需求是子视图需要显示自己独立的Alert，那要确保子视图的alert修饰符正确绑定到自己的VM上，同时子视图的视图层级里要正确包含这个修饰符：

struct SubView: View {
    @StateObject private var vm = AlertViewModel()
    
    var body: some View {
        Button("Show subview's own alert") {
            vm.title = "Subview's Alert"
            vm.message = "This is a separate alert just for the subview"
            vm.showAlert = true
        }
        // 确保alert修饰符直接附加到子视图的按钮或父容器上
        .alert(isPresented: $vm.showAlert) {
            Alert(title: Text(vm.title), message: Text(vm.message))
        }
    }
}

这种方式下子视图的弹窗和主视图的完全独立，适合子视图需要单独弹窗的场景。

额外优化：给ViewModel添加便捷方法

还可以给AlertViewModel加个方法，简化设置和显示Alert的操作：

@MainActor
class AlertViewModel: ObservableObject {
    @Published var showAlert = false
    @Published var title: String = "Default Alert title"
    @Published var message: String = "Default Alert Message"
    
    func show(title: String, message: String) {
        self.title = title
        self.message = message
        self.showAlert = true
    }
}

调用的时候就可以直接写：

vm.show(title: "Hello", message: "This is a simplified call!")

代码更简洁清爽～

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