将登录屏幕切换到家庭 firebase 和 google

Posted 2023-02-19

【中文标题】将登录屏幕切换到家庭 firebase 和 google

【英文标题】：switch login screen to home firebase and google

【发布时间】：2022-01-11 05:01:30

【问题描述】：

我不知道如何通过谷歌登录从登录到主屏幕

我想执行一个操作，当用户点击 google 登录时，它会检查它是否正确并直接回家

<!-- language: Js -->
screen config Firebase


    import  initializeApp  from "firebase/app";
    import  getAuth, GoogleAuthProvider, signInWithPopup  from "firebase/auth";
  
    const firebaseConfig = 
      apiKey: "AIzaSyADaTNLtR-zJyY2JGbiIjxEqyIRSEvOB0g",
      authDomain: "projetotcc-d6d47.firebaseapp.com",
      databaseURL: "https://projetotcc-d6d47-default-rtdb.firebaseio.com",
      projectId: "projetotcc-d6d47",
      storageBucket: "projetotcc-d6d47.appspot.com",
      messagingSenderId: "1041839304552",
      appId: "1:1041839304552:web:e862a59abc6c747d6730dd",
      measurementId: "G-D8CEEJPRVS"
    ;


    const app = initializeApp(firebaseConfig);
    export const auth = getAuth(app);

    const provider = new GoogleAuthProvider();

    export const signInWithGoogle = () => 

      signInWithPopup(auth, provider)
        .then((result) => 
          const name = result.user.displayName;
          const userid = result.user.uid;
          const email = result.user.email;
          const profilePic = result.user.photoURL;


          localStorage.setItem("name", name);
          localStorage.setItem("email", email);
          localStorage.setItem("userid", userid);
          localStorage.setItem("profilePic", profilePic);
         
        )
        .catch((error) => 
          console.log(error);
        );

        
    ;

【问题讨论】：

我正在使用 react native

【参考方案1】：

您需要设置一个侦听器来检查用户是否登录，并根据此显示验证屏幕或主屏幕。

Check this doc 知道如何做到这一点和一个例子。另外，this doc 与 Google 一起唱歌。