使用 Login 登录需要 Button 点击​​两次才能打开 Google 登录页面 | 世博会| 世博会认证会议

Question

I have setup a login with google functionality in React Native App. The Login Button works and login works too, however the Login Button needs to be clicked twice to open "Sign In with Google" popup.

The function that handles login is available in my custom authentication hook and is called in of the child components named Login.

Authenication Hook:

const SignInWithGoogle = () => {
    console.log("clicked");
    promptAsync()
    .then(async (response) => {
        if (response.type === "success") {
            const credential = GoogleAuthProvider.credential(
            null,
            response.authentication.accessToken
         );
         await signInWithCredential(auth, credential);
        }
   })
   .catch((error) => setError(error))
   .finally(() => setLoading(false));
};

Function called on Button click in Login.js

 <Pressable
      style={{ backgroundColor: myColors.primary, padding: 20 }}
      onPress={SignInWithGoogle}
  >
    <Text>Login</Text>
  </Pressable>
  

Answer 1

Try doing it like so:

<Pressable
      style={{ backgroundColor: myColors.primary, padding: 20 }}
      onPress={() => SignInWithGoogle}
  >
    <Text>Login</Text>
</Pressable>