Flutter native Google auth with Supabase

A simple Flutter application with native Google login capabilities on iOS and Android using Supabase auth. Upon signing in, the user is presented with a profile screen where their name and profile image from their Google account are displayed.

• Full tutorial article here
• Full video guide here

Getting Started

• Create a new Supabase project here
• Add your Supabase credentials to lib/main.dart
• Obtain Google API client ID for iOS, Android, and Web
• Add all of the client IDs in Supabase dashboard under Auth -> Providers -> Google -> Authorized Client IDs as comma separated values and turn on Enable Sign in with Google
• Find the clientId variable in lib/screens/login_screen.dart and paste the iOS and web client IDs.
• Run the app on iOS or Android and test the login flow 🚀

Resources

• Flutter Authorization with RLS article
• Securing your Flutter apps with Multi-Factor Authentication article
• Flutter Tutorial: building a Flutter chat app article
• Supabase docs for Flutter
• Supabase Flutter YouTube playlist