firebase 条件渲染无法工作React Native

lsmepo6l  于 2023-08-07  发布在  React
关注(0)|答案(1)|浏览(131)
  1. import React, { useState, useEffect } from "react";
  2. import { NavigationContainer } from "@react-navigation/native";
  3. import AuthNavigator from "./app/navigation/AuthNavigator";
  4. import Splash from "./app/screen/splash";
  5. import AppNavigator from "./app/navigation/AppNavigator";
  6. import { auth } from "./app/authentication/Firebase";
  7. export default function App() {
  8. const [isSplashVisible, setIsSplashVisible] = useState(true);
  9. const [isLoggedIn, setIsLoggedIn] = useState(false);
  10. useEffect(() => {
  11. const unsubscribe = auth.onAuthStateChanged((user) => {
  12. setIsLoggedIn(!!user);
  13. setTimeout(() => {
  14. setIsSplashVisible(false);
  15. }, 2000);
  16. });
  17. return () => unsubscribe();
  18. }, []);
  19. if (isSplashVisible) {
  20. return <Splash />;
  21. }
  22. return (
  23. <NavigationContainer>
  24. {isLoggedIn ? <AppNavigator /> : <AuthNavigator />}
  25. </NavigationContainer>
  26. );
  27. }

字符串
我的Expo应用程序不工作,当我运行应用程序时,它被卡在相同的白色屏幕,我已经尝试重新加载和东西,但它不工作,如果我做了一些导入错误,它仍然显示错误,但Web应用程序工作完美,按W

5lwkijsr

5lwkijsr1#

我想你需要的函数auth.onAuthStateChanged再次,把日志放在这个上面

相关问题