SwiftUI登录状态变更后页面未切换问题及优化方案咨询

问题根源 #

你当前代码的核心问题是ContentView与LoginPage各自创建了独立的LoginVM实例，两者的状态完全隔离：

• ContentView初始化了一个LoginVM，用来判断显示主页还是登录页
• LoginPage又单独创建了另一个LoginVM，点击按钮修改的是这个独立实例的状态
• 两个VM之间没有关联，所以ContentView无法感知到LoginPage的状态变化，页面自然不会切换

另外，ContentView中@ObservedObject var loginVM : LoginVM()的写法存在语法错误，正确的初始化方式应为@ObservedObject var loginVM = LoginVM()。

修复方案 #

让所有需要共享登录状态的视图使用同一个LoginVM实例，通过父视图传递给子视图：

1. 修正ContentView代码 #

struct ContentView: View {
    // 初始化唯一的LoginVM实例
    @ObservedObject var loginVM = LoginVM()
    var body: some View {
        NavigationStack{
            if loginVM.loginInfo.isLogin {
                HomeView()
            }else{
                // 将同一个loginVM传递给LoginPage
                LoginPage(loginVM: loginVM)
            }
        }
    }
}

2. 修改LoginPage接收父视图传递的VM #

struct LoginPage: View {
    // 接收父视图传递的共享VM实例，不再自行创建
    @ObservedObject var loginVM: LoginVM
    var body: some View {
        VStack{
            Button("Login"){
                loginVM.changeIsLogin()
            }
        }
    }
}

此时点击Login按钮，修改的是ContentView和LoginPage共享的VM状态，ContentView会感知到loginInfo的变化，自动切换到HomeView。

更优实现方式 #

方式一：简化ViewModel结构 #

当前的Login结构体属于多余的嵌套，直接将登录状态放在ViewModel中，代码更简洁且状态变化更直观：

class LoginVM: ObservableObject {
    @Published var isLogin = false
    
    func changeIsLogin(){
        isLogin.toggle()
    }
}

对应的视图代码也可以简化，比如ContentView中的判断改为if loginVM.isLogin即可。

方式二：使用EnvironmentObject全局传递VM #

如果你的应用视图层级较深，手动传递VM会比较繁琐，可以通过@EnvironmentObject实现全局状态共享：

1. 在App入口注入ViewModel

@main
struct YourAppName: App {
    // 创建全局唯一的LoginVM实例
    let loginVM = LoginVM()
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .environmentObject(loginVM)
        }
    }
}

2. 视图中直接获取全局VM

ContentView：

struct ContentView: View {
    @EnvironmentObject var loginVM: LoginVM
    var body: some View {
        NavigationStack{
            if loginVM.isLogin {
                HomeView()
            }else{
                LoginPage()
            }
        }
    }
}

LoginPage：

struct LoginPage: View {
    @EnvironmentObject var loginVM: LoginVM
    var body: some View {
        VStack{
            Button("Login"){
                loginVM.changeIsLogin()
            }
        }
    }
}

这种方式无需手动在视图间传递VM，适合复杂应用的状态管理。

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