SwiftUI集成Kakao登录成功后如何正确跳转至MainView

问题原因 #

直接在登录回调里写MainView()无法跳转的核心原因是：SwiftUI是声明式UI框架，不能通过在闭包里直接初始化视图实例的方式触发页面跳转，所有页面切换必须由状态变量驱动。另外现有代码存在重复调用登录接口、回调线程不匹配的问题，也会导致跳转逻辑失效。

实现步骤 #

1. 定义Bool类型登录状态标识 #

直接使用现有的Bool类型值作为登录态标记，注意用SwiftUI的状态包装器修饰，确保状态变化时UI能自动刷新：

• 如果状态仅在当前登录页使用，用@State修饰
• 如果需要全局共享登录态，用@EnvironmentObject或@ObservedObject修饰

// 示例：根视图中定义登录状态
@State private var isLoggedIn = false

2. 修正Kakao登录逻辑 #

现有代码重复触发了3次登录请求，会导致回调冲突，需要删除多余的登录调用，统一处理登录结果，注意必须在主线程修改UI状态（Kakao SDK回调默认可能在子线程，子线程改UI状态会导致刷新不生效）：

Button {
    // 仅保留一次登录调用，根据是否安装KakaoTalk选择对应登录方式
    if UserApi.isKakaoTalkLoginAvailable() {
        UserApi.shared.loginWithKakaoTalk { [weak self] oauthToken, error in
            self?.handleLoginResult(token: oauthToken, error: error)
        }
    } else {
        UserApi.shared.loginWithKakaoAccount { [weak self] oauthToken, error in
            self?.handleLoginResult(token: oauthToken, error: error)
        }
    }
} label: {
    Text("Kakao账号登录")
}

// 统一处理登录结果，避免重复代码
private func handleLoginResult(token: OAuthToken?, error: Error?) {
    if let error = error {
        print("登录失败: \(error.localizedDescription)")
        return
    }
    guard token != nil else { return }
    print("登录成功")
    // 切回主线程修改登录状态
    DispatchQueue.main.async {
        self.isLoggedIn = true
    }
}

3. 状态驱动页面切换 #

推荐直接在根视图层级根据登录状态切换显示的页面，这种方式比导航栈压栈更合理，不会出现用户返回到登录页的问题：

@main
struct YourApp: App {
    @State private var isLoggedIn = false
    
    var body: some Scene {
        WindowGroup {
            // 根据登录状态直接切换根视图
            if isLoggedIn {
                MainView()
            } else {
                LoginView(isLoggedIn: $isLoggedIn) // 将状态绑定传递给登录页
            }
        }
    }
}

如果你需要保留导航层级、用NavigationStack实现跳转，可以在登录页内添加一个隐藏的程序化触发NavigationLink：

NavigationStack {
    VStack {
        // 登录按钮、其他登录页UI
        
        // 隐藏的跳转触发器，绑定登录状态
        NavigationLink(
            destination: MainView(),
            isActive: $isLoggedIn
        ) { EmptyView() }
        .hidden()
    }
}

跳转失效的常见坑点 #

• 直接初始化MainView()没有将其加入视图树，只是生成了一个无用的实例，不会触发UI渲染
• 未在主线程修改状态，导致UI不刷新
• 重复调用登录接口，回调逻辑互相覆盖

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