Google Signin for your react native applications
npm install react-native-googlesignin
``bash`
npm install react-native-google-signin --save
Warning: For react-native >= v0.30 use react-native-google-signin >= v0.8.0
See Android guide and iOS guide

`js
import {GoogleSignin, GoogleSigninButton} from 'react-native-google-signin';
render() {
size={GoogleSigninButton.Size.Icon}
color={GoogleSigninButton.Color.Dark}
onPress={this._signIn.bind(this)}/>
}
`
Possible value for `size` are:
- Size.Icon: display only Google icon. recommended size of 48 x 48
- Size.Standard: icon with 'Sign in'. recommended size of 230 x 48
- Size.Wide: icon with 'Sign in with Google'. recommended size of 312 x 48
Possible value for `color` are:
- Color.Dark: apply a blue background
- Color.Light: apply a light gray background
`js`
import {GoogleSignin, GoogleSigninButton} from 'react-native-google-signin';
#### - hasPlayServices
Check if device has google play services installed. Always return true on iOS.
`js`
GoogleSignin.hasPlayServices({ autoResolve: true }).then(() => {
// play services are available. can now configure library
})
.catch((err) => {
console.log("Play services error", err.code, err.message);
})
when `autoResolve` the library will prompt the user to take action to solve the issue.
For example if the play services are not installed it will prompt:

#### - configure
It is mandatory to call this method before login.
Example for default configuration. you get user email and basic profile info.
`js
import {GoogleSignin, GoogleSigninButton} from 'react-native-google-signin';
GoogleSignin.configure({
iosClientId:
})
.then(() => {
// you can now call currentUserAsync()
});
`
Example to access Google Drive both from the mobile application and from the backend server
`js
GoogleSignin.configure({
scopes: ["https://www.googleapis.com/auth/drive.readonly"], // what API you want to access on behalf of the user, default is email and profile
iosClientId:
webClientId:
offlineAccess: true // if you want to access Google API on behalf of the user FROM YOUR SERVER
})
.then(() => {
// you can now call currentUserAsync()
});
`
iOS Note: your app ClientID (`iosClientId`) is always required
#### - currentUserAsync
Typically called on the `componentDidMount` of your main component. This method give you the current user if already login or null if not yet signin.
`js`
GoogleSignin.currentUserAsync().then((user) => {
console.log('USER', user);
this.setState({user: user});
}).done();
#### - currentUser
simple getter to access user once signed in.
`js`
const user = GoogleSignin.currentUser();
// user is null if not signed in
#### - signIn
Prompt the modal to let the user signin into your application
`js`
GoogleSignin.signIn()
.then((user) => {
console.log(user);
this.setState({user: user});
})
.catch((err) => {
console.log('WRONG SIGNIN', err);
})
.done();
#### - getAccessToken (Android Only)
Obtain the user access token.
`js`
GoogleSignin.getAccessToken()
.then((token) => {
console.log(token);
})
.catch((err) => {
console.log(err);
})
.done();
iOS Note: an error with code `-5` is returned if the user cancels the signin process
#### - signOut
remove user session from the device
`js
GoogleSignin.signOut()
.then(() => {
console.log('out');
})
.catch((err) => {
});
`
iOS Note: the signOut method does not return any event. you success callback will always be called.
#### - revokeAccess
remove your application from the user authorized applications
`js
GoogleSignin.revokeAccess()
.then(() => {
console.log('deleted');
})
.catch((err) => {
})
`$3
This is the typical information you obtain once the user sign in:
``
{
id:
name:
email:
photo:
idToken:
serverAuthCode:
scopes:
accessToken:
}
Android Note: To obtain the user accessToken call getAccessToken
idToken Note: idToken is not null only if you specify a valid `webClientId`. `webClientId` corresponds to your server clientID on the developers console. It HAS TO BE of type WEB
Read iOS documentation and Android documentation for more information
serverAuthCode Note: serverAuthCode is not null only if you specify a valid `webClientId` and set `offlineAccess` to true. once you get the auth code, you can send it to your backend server and exchange the code for an access token. Only with this freshly acquired token can you access user data.
Read iOS documentation and Android documentation for more information
The default requested scopes are `email` and `profile``.
If you want to manage other data from your application (for example access user agenda or upload a file to drive) you need to request additional permissions. This can be accomplished by adding the necessary scopes when configuring the GoogleSignin instance.
Please visit https://developers.google.com/oauthplayground/ for a list of available scopes.