Skip to main content

​
Sign in with Google on Expo React Native IOS

First make sure you have completed the Google OAuth Web page.
  • We need Supabase to be setup.
1
First of all, you need to create a new project in the Google Cloud Console if you don’t have one already.
Step 1
2
Click the APIs & Services menu.
Step 2
3
Click the Credentials menu.
Step 3
4
Then click the Create Credentials button.
  • Please select OAuth client ID
Step 4
5
But you need to Configure Consent Screen first.
Step 5
6
Create IOS oauth client id.
  • Write a name of your app.
  • Write your bundle id in the Bundle ID field.
  • Click the Create button.
    Step 6
7
Copy Client ID and Paste it to the .env file.
Step 7
    EXPO_PUBLIC_GOOGLE_OAUTH_IOS_CLIENT_ID=some-id.apps.googleusercontent.com
8
Then you need to select IOS oAuth Client first.
Step 8
9
Step 9
Copy IOS URL Scheme and go to app.json file.
  • Add here:
   [
    "@react-native-google-signin/google-signin",
    {
      "iosUrlScheme": "com.googleusercontent.apps.some-id" // Here
    }
  ]
You have successfully set up Google OAuth for your Expo React Native IOS Client. 🎉
Go and setup Android OAuth.

Google OAuth Web

Please click here for Google OAuth Web.

Google OAuth Android

Please click here for Google OAuth Android.