The screen greys out but the GoogleSignin modal doesn't show up.

[seora]

I am working with google sign in react native with firebase. I just followed the docs, setup everything and it is working fine. The only problem i am facing is that it sometimes takes too much time (especially on app start) to show the modal with the google accounts. The screen greys out but the modal doesn't show up, just in Android.

It doesn't even show what error occurred. Even if I take a catch log, it doesn't work after await googleSigin.signin(). I would like to know whether it is an internal error, a firebase error, or a key error.

For this reason, development is taking a lot of time.

Steps to Reproduce

try {
            await checkCurrentUser();
            console.log("googlesignin");
            await GoogleSignin.hasPlayServices();
            console.log("googlesignin hasplayservices");
            const {idToken} = await GoogleSignin.signIn();
            console.log("googlesignin id token");
            await setLoginType("LOGINAPI", "GOOGLE");
            console.log("google token", idToken);
            const googleCredential = auth.GoogleAuthProvider.credential(idToken);
            const userCredential = await auth().signInWithCredential(googleCredential);
            console.log("userCredential ::", userCredential.additionalUserInfo);
            credentialVar(userCredential);
            setLoading(false);
        } catch(error) {
            console.log(error);
       }

Expected Behavior

Actual Behavior

Environment

Please provide

• react-native ^0.70.6
• @react-native-google-signin/google-signin "^7.2.2"
• your Podfile, output of running pod install and cocoapods version (if applicable)
• version of Android, gradle, android plugin for gradle, play-services-auth and version of the Google Play Services app on your phone (if applicable) minSdkVersion = 21 compileSdkVersion = 31 targetSdkVersion = 31 kotlinVersion = '1.7.20' googlePlayServicesAuthVersion = "19.2.0"
• TestPhone OS : Android 12.0

[kwachta]

I had the same issue. It turned out, I didn't have the "@react-native-google-signin/google-signin" added to the plugins in app.json.

[skam22]

been running into the same issue - android screen goes grey but no modal.

[ShoaibVirk008]

Facing same issue

[Adeel984]

+1

[alex-vasylchenko]

+1

[uboltabaev]

+1

[danielnathanael]

Facing same issue here, but still not showing.

My only current solution is running react native in real device, the development must go on.

[alex-vasylchenko]

I fixed it by simply logging into my google account in the emulator (Settings -> Google)

[BraveEvidence]

This might help https://www.youtube.com/watch?v=VH1YBcVmM-M

[BrodaNoel]

Anybody fixed this?

[vonovak]

Hello and thanks for reporting, I cannot reproduce this so I'm going to close the issue. Sometimes it helps to just cold-boot the emulator / restart things.

Please open a new issue if the problem persists. Thank you 🙂

[junaid-junnu]

I'm fixed this issue. on putting this line in GoogleSignin.configure forceCodeForRefreshToken: true,

GoogleSignin.configure({ webClientId: "xxxxxxxxxxxxxxxxxxxxxxxxxx", offlineAccess: true, forceCodeForRefreshToken: true, iosClientId: "xxxxxxxxxxxxxxxxxxx" })