SwiftUI中Firebase Twitter认证取消时自动返回启动页问题

我之前在iOS 14+SwiftUI+Firebase OAuth的项目里也碰到过类似的导航异常问题，结合你贴的代码来看，问题大概率出在导航状态的管理方式和外部跳转后的视图生命周期变化上，下面给你具体的排查和解决思路：

问题根源分析 #

1. 你在ContentView里用本地@State var show控制跳转到LoginView，但iOS 14的NavigationView在处理外部跳转（比如打开Twitter的系统认证页面）时，容易因为视图重建导致本地@State状态被意外重置为初始值（false），从而触发NavigationLink关闭LoginView回到启动页。
2. Twitter OAuth的回调可能在非主线程执行，直接修改SwiftUI状态会导致视图更新异常，间接影响导航逻辑。

具体解决方案 #

1. 把导航状态移到ViewModel统一管理 #

放弃视图本地的@State，改用ViewModel的@Published变量来控制导航，这样状态不受视图重建影响，稳定性更高。

首先在你的LoginViewModel里添加导航控制变量：

class LoginViewModel: ObservableObject {
    // 新增：控制是否显示登录页
    @Published var shouldShowLoginView = false
    // 原有变量保持不变
    @Published var twitterLoginSuccess = false
    @Published var loginSuccess = false
    
    // ... 其他已有方法
}

然后修改ContentView的代码，绑定ViewModel的变量：

struct ContentView: View {
    @EnvironmentObject var viewModel : LoginViewModel
    var body: some View {
        NavigationView{
            ZStack {
                Color("colorPrimaryDark")
                    .edgesIgnoringSafeArea(.all)
                VStack{
                    NavigationLink(
                        destination: LoginView().environmentObject(viewModel),
                        isActive: $viewModel.shouldShowLoginView,
                        label: {
                            Image("main_logo").renderingMode(.original).frame(width: 100, height: 100)
                        }
                    )
                }
                .navigationBarHidden(true)
                .navigationBarTitle(Text("Home"))
                .edgesIgnoringSafeArea([.top, .bottom])
            }
        }
        .onAppear {
            DispatchQueue.main.asyncAfter(deadline: .now() + 2.0) {
                self.viewModel.shouldShowLoginView = true
            }
        }
    }
}

2. 确保状态更新在主线程执行 #

SwiftUI的状态修改必须在主线程，所以要把Twitter登录回调里的状态更新逻辑包在DispatchQueue.main.async里：

func twitterLogin(){
    let provider = OAuthProvider(providerID: "twitter.com")
    provider.getCredentialWith(nil) { [weak self] credential, error in
        DispatchQueue.main.async {
            if let error = error {
                print("Twitter auth error: \(error)")
                return
            }
            guard let credential = credential else { return }
            
            Auth.auth().signIn(with: credential) { authResult, error in
                DispatchQueue.main.async {
                    if let error = error {
                        print("Firebase sign-in error: \(error)")
                    } else{
                        self?.twitterLoginSuccess = true
                        self?.loginSuccess = true
                        print("Twitter login success")
                    }
                }
            }
        }
    }
}

3. 简化LoginView的导航绑定 #

去掉LoginView里本地的@State var show，直接绑定ViewModel的loginSuccess状态，减少不必要的本地状态变量：

struct LoginView: View {
    @EnvironmentObject var viewModel : LoginViewModel
    var body: some View {
        ZStack {
            Color("colorPrimaryDark")
                .edgesIgnoringSafeArea(.all)
            
            // 直接绑定登录成功状态
            NavigationLink(
                destination: fromLoginNavigationTo(),
                isActive: $viewModel.loginSuccess,
                label: { EmptyView() }
            )
            
            VStack {
                HStack {
                    Spacer()
                    Button(action: {
                        self.viewModel.signInAnonymously()
                    })
                    {
                        TextViewBody(text: "Skip").padding()
                    }
                }
                VStack {
                    Button(action: self.viewModel.twitterLogin){
                        SignInButton(imageName: "twitter", text: "Sign in with twitter")
                    }.frame(height: 50).buttonStyle(ButtonStyleSignIn())
                }.padding(.init(top: 0, leading: 32,bottom: 0, trailing: 32))
                .navigationBarHidden(true)
                .navigationBarTitle(Text("Home"))
                .edgesIgnoringSafeArea([.top, .bottom])
            }
        }
    }
}

额外排查建议 #

• 可以在ContentView的onAppear和onDisappear里打印viewModel.shouldShowLoginView的值，确认从Twitter认证页面返回时这个状态有没有被意外修改；
• 检查Firebase控制台和Info.plist里的Twitter回调URL配置，虽然这不是导航问题的直接原因，但配置错误可能引发其他连锁异常。

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