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.

2

Click the APIs & Services menu.

3

Click the Credentials menu.

4

Then click the Create Credentials button.

  • Please select OAuth client ID
5

But you need to Configure Consent Screen first.

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.
7

Copy Client ID and Paste it to the .env file.

    EXPO_PUBLIC_GOOGLE_OAUTH_IOS_CLIENT_ID=some-id.apps.googleusercontent.com
8

Then you need to select IOS oAuth Client first.

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.