Google Sign-In button

Native branded button (GIDSignInButton on iOS, SignInButton on Android) exposed as a Nitro HybridView.

Full prop and type listings: API reference — GoogleSignInButton.

Basic usage

import {
  GoogleSignInButton,
  GOOGLE_SIGN_IN_BUTTON_HEIGHT,
} from 'react-native-nitro-google-signin'

<GoogleSignInButton
  style={{ width: 240, height: GOOGLE_SIGN_IN_BUTTON_HEIGHT }}
  colorScheme="light"
  size="standard"
  signInBehavior="credentialManager"
  onSignInSuccess={(data) => console.log(data.user.email, data.idToken)}
  onSignInError={(e) => console.error(e)}
/>

Call GoogleOneTapSignIn.configure() before the button can sign in (same as programmatic API).

signInBehavior

Value	Behavior
credentialManager (default)	checkPlayServices → signIn → createAccount if no saved credential (Credential Manager sheet on Android)
buttonFlow	checkPlayServices → presentExplicitSignIn (explicit account dialog on Android)
none	Only your onPress handler — no built-in sign-in

Props (summary)

Category	Props
Appearance	colorScheme ('light' | 'dark'), size ('standard' | 'wide' | 'icon'), contentAlignment, disabled
Sign-in	signInBehavior, onSignInSuccess, onSignInError, onPress, loading
Layout / a11y	style, testID, accessibilityLabel, accessibilityRole, accessibilityState, collapsable, nativeID
Advanced	hybridRef

Hook

useGoogleSignInFromButton exposes the same cascade for a custom Pressable:

const { loading, onPress } = useGoogleSignInFromButton({
  behavior: 'credentialManager',
  onSuccess: (data) => { /* OneTapSuccessData */ },
  onError: (e) => { /* unknown */ },
})

<Pressable onPress={onPress} disabled={loading}>
  <Text>Sign in</Text>
</Pressable>

See API reference — useGoogleSignInFromButton.

Constants

GOOGLE_SIGN_IN_BUTTON_HEIGHT = 48 (pt/dp per Google branding). Use for style.height.

Low-level export

GoogleSignInButtonHost — Nitro host component if you build a custom wrapper; most apps use GoogleSignInButton only.