Sign in with Google on Expo React Native

On native Android devices we can use the native Sign in with Google flow which uses the operating system's built-in functionalities to prompt the user for consent[0].

We can use the react-native-google-signin/google-signin library[1] to implement native Google Sign in into our Expo React native applications.

Read the docs: https://supabase.com/docs/guides/auth...
React Native Authentication blog post: https://supabase.com/blog/react-nativ...

[0] https://developers.google.com/android...
[1] https://github.com/react-native-googl...

🎙️ Presented by Thor Schaeff (@thorwebdev https://go.thor.bio/x)

Chapters
00:00 Intro
00:18 React Native Google Sign In library
00:52 Create new Expo project with TypeScript
01:40 Run Expo App on Android simulator
02:30 Install and configure React Native Google Sign In library
03:26 Build React Native Android App locally
04:52 Configure native Google Sign In in your Android project
06:46 Implement Sign in with Google Button
10:25 Create Android client OAuth ID for your project in the Google console
16:42 Create Web Client OAuth ID for your project in the Google console
19:05 Initialize a local Supabase project with the Supabase CLI
19:15 Configure Google OAuth for a local Supabase Project
20:55 Create supabase-js client in React Native
22:59 Start the Supabase Stack locally
23:10 Implement Supabase Auth `signInWithIdToken`
26:24 Enable Android simulator to make calls to localhost
28:30 Configure Google Auth on your hosted Supabase project