Padding on the Google Icon in the button wrong

[TaylorDale]

The padding in the left hand side of the Google Icon is wrong for me on all button sizes apart from purely 'Icon' which works fine.

Steps to Reproduce

Copy the code for the button on the front page into the layout.

Expected Behavior

Icon should be evenly padded.

Actual Behavior

It isn't. See above picture

Environment

Android, real device.

[mscolari]

I'm having the same issue. I tried adding padding manually and centering the button, but was not able to fix the issue

[jozan]

These native buttons are provided by the underneath library we have built our wrapper which in this case is (https://developers.google.com/identity/sign-in/android/).

Has anyone tried to debug or tried more recent google sign in library version?

[nshaposhnik]

I have this problem as well even with example project. I have Galaxy S8, and if I lower it's resolution from default WQHD+ to FHD, bug disappears.

[nshaposhnik]

Also I have tried upgrading to googlePlayServicesAuthVersion = "17.0.0" (and thus support 28 with androidx stuff), but problem is not fixed

[mscolari]

After I have not used the library for about 2 weeks, it seems the problem has gone away for me for some reason. I know this isn't particularly helpful for anyone still facing the issue, but I wanted to update my success with it.

[tholder]

I am receiving this with latest version on RN 0.59.10

Seems like a minor issue but I expect Google will reject this as a valid button when validating apps.

[nshaposhnik]

I've tried to create Android native project with this button, and still have this issue. Thus, it's an issue with Android SDK. Solution can be to draw the button on your own, or use code similar to this, and alter layout's properties in runtime:

        for (int i = 0; i < signInButton.getChildCount(); i++) {
            View v = signInButton.getChildAt(i);

            if (v instanceof ImageView) {
                ImageView iv = (ImageView) v;
                FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) iv.getLayoutParams();
                params.gravity = Gravity.CENTER;
                iv.setLayoutParams(params);
                return;
            }
        }

[nshaposhnik]

I've resolved it with my fork: https://github.com/nshaposhnik/react-native-google-signin/tree/padding_fix , although as you can see it's a hack, and it hardcodes button to SIZE_STANDARD/COLOR_AUTO. Also I've changed it to not use AndroidX stuff, so pls make sure to revert that commit for RN 0.60 and newer.

[itsmistad]

I'm still having trouble with this. Has anyone found a solution beyond the hack that @nshaposhnik mentioned?

[yzeng12]

Same issue when use it in android, showing me padding in android studio preview, but in real device, padding gone, any solution yet? I end up cutomized an button to replace it

[vonovak]

hello, I just tested on v7 and the padding seems okay to me. If anything, having your custom sign in button seems like a good idea too.

Please open a new issue if the problem persists.