Firebase获取用户延迟致APP启动鉴权异常的解决方案咨询

核心问题在于Firebase Auth从本地持久化存储加载用户状态需要短暂时间，组件挂载时直接读取currentUser会拿到null；而直接使用onAuthStateChanged如果不处理监听生命周期，会在用户后续操作时误触发跳转。以下是无需延迟的解决方案：

方案：结合一次性Auth状态监听 + 原有校验逻辑 #

利用onAuthStateChanged等待Firebase完成用户状态初始化，该回调会在Auth初始化完成后必触发一次（无论用户是否登录），处理完状态后立即取消监听，避免后续操作误触发跳转。修改后的代码如下：

const app = initializeApp(firebaseConfig);
const auth = initializeAuth(app, {
  persistence: getReactNativePersistence(AsyncStorage),
});

useEffect(() => {
  // 创建Auth状态监听
  const unsubscribe = onAuthStateChanged(auth, async (user) => {
    try {
      const staySignedIn = await AsyncStorage.getItem("staySignedIn");
      const lastLoginTime = await AsyncStorage.getItem("lastLoginTime");

      // 处理90天登录过期逻辑
      if (lastLoginTime) {
        const currentTime = new Date();
        const lastLoginDate = new Date(lastLoginTime);
        const diffInDays = (currentTime - lastLoginDate) / (1000 * 3600 * 24);

        if (diffInDays > 90) {
          await signOut(auth);
          await AsyncStorage.multiRemove(["lastLoginTime", "staySignedIn"]);
          setLoading(false);
          unsubscribe(); // 取消监听，避免后续触发
          return;
        }
      }

      // 自动登录判断：仅当staySignedIn为true且存在有效用户时跳转首页
      if (staySignedIn === "true" && user) {
        router.push("/(tabs)/shared/Home");
      } else {
        setLoading(false);
      }
      
      unsubscribe(); // 完成初始校验后立即取消监听
    } catch (error) {
      console.error("Error checking authentication status:", error);
      setLoading(false);
      unsubscribe();
    }
  });

  // 组件卸载时确保取消监听
  return () => unsubscribe();
}, []);

方案优势 #

1. 无需硬编码延迟：完全依赖Firebase自身的状态初始化完成信号，更可靠
2. 避免误跳转：初始校验完成后立即取消监听，后续用户点击注册等操作不会触发该逻辑
3. 兼容原有功能：保留了staySignedIn状态校验和90天过期的逻辑，无需改动其他功能

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