переключить экран входа в систему на домашнюю firebase и Google

#javascript #firebase #react-native #authentication #expo

#javascript #firebase #react-native #аутентификация #выставка

Вопрос:

Я понятия не имею, как я могу пройти через логин Google с входа на главный экран

Я хочу выполнить действие, при котором, когда пользователь нажимает войти в систему с помощью 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);
        });

        
    };
 

Комментарии:

1. я использую react native

Ответ №1:

Вам необходимо настроить прослушиватель, который будет проверять, вошел ли пользователь в систему или нет, и в зависимости от этого отображать либо экран аутентификации, либо домашний экран.

Проверьте этот документ, чтобы узнать, как это сделать, и пример. Кроме того, этот документ для совместного использования с Google.