Google sign in button almost unpressable.

[jbienia]

Steps to Reproduce

• The google sign in button is very hard to press. Feels like you have to tap on a very specific part of the button to get the onPress to fire. I've wrapped the GooglSignInButton in a TouchableWithoutFeedback for now. This at least captures the onPress consistently and I place the onGoogleButtonPress() in there.

Expected Behavior

Should be able to easily press the button anywhere(on the button) and see the onPress callback fire

Actual Behavior

There seems to be a very small part of the button that registers the tap.

Environment

• "react-native": "0.71.8"
• "@react-native-google-signin/google-signin": "^10.0.1",
• Galaxy A53 5G, Android version 13
• classpath("com.android.tools.build:gradle:7.3.1") classpath("com.facebook.react:react-native-gradle-plugin") classpath 'com.google.gms:google-services:4.3.15'

[vonovak]

Hello and thanks for reporting, do you have code to reproduce this with? I cannot repro. Thank you 🙂

[jbienia]

@vonovak Do you just want to see how I've implemented it in the file?

[vonovak]

@jbienia I'm looking for this: https://stackoverflow.com/help/minimal-reproducible-example

thank you

[jbienia]

Sure. There's a not a lot to it. The only way the button taps properly for me is doing what you see below. The onPress is on the TouchableWithoutFeedback instead. In a simulator it works fine with a mouse click, but on my physical device it behaves differently with the touch. When you tried to reproduce did you use a physical(Android) device?

import { GoogleSignin, GoogleSigninButton } from '@react-native-google-signin/google-signin';

<TouchableWithoutFeedback style={styles.button} onPress={() => onGoogleButtonPress()}> <GoogleSigninButton style={{ marginTop: 20, width: 230, height: 48 }} size={GoogleSigninButton.Size.Wide} color={GoogleSigninButton.Color.Light} /> </TouchableWithoutFeedback>

[vonovak]

hello @jbienia

The only way the button taps properly for me is doing what you see below

I'm rather interested in the issue reproduction, that is, what code do you use that has the problem of not being able to press the button? What is the code that does not work?

thank you

[jbienia]

The onPress does not fire when I tap the button on a physical device. I have to tap it multiple times and in very specific spot to get the function in the onPress prop to execute. Did you try it to reproduce with with a physical device?

<GoogleSigninButton size={GoogleSigninButton.Size.Wide} color={GoogleSigninButton.Color.Dark} onPress={() => console.log("I AM PRESSED")} disabled={this.state.isSigninInProgress} />;

[GKyomen]

Same here

[vonovak]

I cannot repro this, so I'm going to close the issue. Please open a new issue if the problem persists. Thank you 🙂