React Native Firebase认证：注册后跳转登录页自动跳首页的问题

问题根源 #

createUserWithEmailAndPassword 成功创建用户后，Firebase会自动让该用户登录，导致登录页的 onAuthStateChanged 监听器检测到已登录状态，直接触发跳转首页的逻辑。同时你的注册代码中Promise链写法有误，导航操作会被立即执行而非等待用户创建完成。

解决方案 #

注册成功后立即登出用户，重置Auth状态为未登录，同时修正Promise链的写法确保导航在登出后执行：

修改注册页面代码

const handleSignUp = () => {
    createUserWithEmailAndPassword(auth, email, password)
      .then((userCredential) => {
        // 创建用户后立即登出，强制用户手动登录
        return signOut(auth);
      })
      .then(() => {
        // 登出完成后跳转登录页
        navigation.dispatch(
          StackActions.replace('Login', {
            user: 'jane',
          })
        );
      })
      .catch((error) => alert(error.message));
};

登录页面代码无需修改

登录页的 useEffect 监听逻辑可以保留：用户主动点击登录按钮后，signInWithEmailAndPassword 会触发Auth状态变化，监听器检测到已登录用户后自动跳转首页，完全符合需求。

关键说明 #

1. 调用 signOut(auth) 是核心：它会清除当前的登录状态，让登录页加载时Auth状态为null，不会触发自动跳转。
2. 修正Promise链：将导航操作放在箭头函数中，确保它在用户创建、登出的异步操作完成后再执行，避免提前导航的问题。

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