Google-signin: Cannot ready property 'BUTTON_SIZE_ICON' of undefined.

[SambitPrakash]

Thanks for giving this tutorial.
I have gone through this tutorial and did everything as this tutorial instruction.
But while running in iOS simulator. i found below issue.
"Cannot ready property 'BUTTON_SIZE_ICON' of undefined."

Please help me...

[JackThomson2]

I had the same issue, I'd just forgotten to do:

react-native link react-native-google-signin

if that doesn't work try to unlink and relink.

[raphaelhovsepyan]

Installing with CocoaPods fixed the issue
https://github.com/devfd/react-native-google-signin/blob/master/ios-guide.md

[SambitPrakash]

Hello, @JackThomson2 and @raphaelhovsepyan no luck for me. Its not working. I am using CocoaPods only. But same result.

[hhsadiq]

@SambitPrakash were you able to fix issue?

[SambitPrakash]

No @hhsadiq, are you also facing this issue?

[hhsadiq]

Yeah, similar error in the simulator. I just followed the instructions given in https://github.com/devfd/react-native-google-signin/blob/master/ios-guide.md. Now getting this error in console fatal error: 'GoogleSignIn/GoogleSignIn.h' file not found. Now following this https://github.com/devfd/react-native-google-signin/issues/108 to fix it.

[tharzeez]

i have commented out the 'GoogleSigninButton.Size' 'GoogleSigninButton.Color' in googlesignin.ios.js and its working for me now and use your own button

[raphaelhovsepyan]

Yes custom button fixed the problem.

[diegomelo182]

Watch this video please, works for me.

https://www.youtube.com/watch?v=sT3hcMsRF68

[dancomanlive]

Unlink and relink worked for me as well. Don t forget to compile before running the app.

[aprilmintacpineda]

https://github.com/devfd/react-native-google-signin/blob/master/ios-guide.md told me to Scroll down and click Get a configuration file button, the button does not exist. Unlinking and relinking does not work either.

[poojapi]

Facing same issue. Any leads?

[vonovak]

This is very likely cause by the module not being linked correctly.

In an effort to clean the issues up, this is being closed. Please open a new issue with a reproduction if you're still experiencing a problem.

[ujjwalagrawal17]

For me running "react-native link" fixed the issue.

[tasneembohra]

Replacing

GoogleSigninButton.Size = {
  Icon: RNGoogleSignin.BUTTON_SIZE_ICON,
  Standard: RNGoogleSignin.BUTTON_SIZE_STANDARD,
  Wide: RNGoogleSignin.BUTTON_SIZE_WIDE
};

GoogleSigninButton.Color = {
  Auto: RNGoogleSignin.BUTTON_COLOR_AUTO,
  Light: RNGoogleSignin.BUTTON_COLOR_LIGHT,
  Dark: RNGoogleSignin.BUTTON_COLOR_DARK
};

with

GoogleSigninButton.Size = {
    Icon: '48 x 48',
    Standard: '230 x 48',
    Wide: '312 x 48'
};

GoogleSigninButton.Color = {
    Auto: 'white',
    Light: 'blue',
    Dark: 'grey'
};

in GoogleSinging.android.js and GoogleSingin.ios.js resolved the issue.
You can find this file in /node_modules/react-native-google-signin/src

[Uzairrrr]

@tasneembohra please help me, i applied your solution it gives me this error..
my react native version is 0.50.4 and google-signin version is 0.12.0. IOS

[Uzairrrr]

Hi Everybody I was having the same issue which just got resolved.
My react-native version is 0.50.4
react-natve-google-sign-in version is 0.12.0
I followed this link only automatic linking not mannual
https://github.com/react-native-community/react-native-google-signin/blob/master/ios-guide.md
and one more change in
node_modules/react-native-google-signin/src/
replace the below constants

GoogleSigninButton.Size = {
Icon: RNGoogleSignin.BUTTON_SIZE_ICON,
Standard: RNGoogleSignin.BUTTON_SIZE_STANDARD,
Wide: RNGoogleSignin.BUTTON_SIZE_WIDE
};
GoogleSigninButton.Color = {
Auto: RNGoogleSignin.BUTTON_COLOR_AUTO,
Light: RNGoogleSignin.BUTTON_COLOR_LIGHT,
Dark: RNGoogleSignin.BUTTON_COLOR_DARK
};

with

GoogleSigninButton.Size = {
Icon: '48 x 48',
Standard: '230 x 48',
Wide: '312 x 48'
};

GoogleSigninButton.Color = {
Auto: 'white',
Light: 'blue',
Dark: 'grey'
};