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.