Flutter Firebase Auth - The Cleanest & Fastest Way - IOS & Android

This is how to authenticate IOS and Android Users with Flutter and Firebase. All the steps to connect your Flutter Firebase Auth App are in the description. This is the most simple, cleanest and fastest way to connect your Flutter App to Firebase Authentication. Make sure to follow every step correctly and at the end you will have an authentication with Firebase and Flutter for IOS and Android devices. Also, we don't use any state management for this example, because we want to use only Firebase packages. We start by installing the dependencies (Firebase auth and Firebase Core), then we connect the Flutter application to Firebase for IOS and Android. To finish, we code step by step the Flutter and Firebase Authentication app in 5 simples steps. Firebase authentication is one of the simplest way to authenticate users in your application. This video was create with the goal of explaining Firebase authentication with flutter in 10 minutes. If you would like a flutter tutorial about firebase authentication less in less than 10 minutes, comment down bellow.

COURSES

OVERVIEW
0:00​ Flutter Firebase Auth
0:10 Step 1. Add dependencies
0:21 Step 2.1 Create a Firebase Project
0:40 Step 2.2 Activate Email Sign In
0:59 Step 2.3 Connect the Android App
3:09 Step 2.4 Connect the IOS App
3:50 Step 3 Let's Code (create files)
4:05 Step 3.1 Auth
4:58 Step 3.2 Home Page
5:53 Step 3.3 Login and Register Page
8:40 Step 3.4 Widget Tree
9:18 Step 3.5 Main (You must add this*)

MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.

RECOMMENDED VIDEOS

EDITOR

SOCIAL MEDIA:

CONTACT

#FlutterMapp
#Flutter

[gloranger]

Are you kidding me? Talk about straight to the point! I wish all instructions were this concise! Greta job my friend!!!

[zawar]

Clean and fast steps. Easy to adapt this with a state management library.

[dinoelef]

Thank you! for those trying, make sure Dependencies are on the latest versions

[monkeygames]

Absolutely killed it, clear and fast, love it! Forgot email confirmation

[belespritmkhatshwa]

Thank you so much.

Just a note for everyone trying this tutorial out in 2023. It may show an exception when you run the app - the exception points to "host" which is Firebase. This happens because the setup for dependencies and plugins in your build gradle are probably the latest versions. Use older versions and the code runs perfectly.

[vaibhavacharya]

The best way of explaining..
& Thank you for putting source code link for reference

[TechBuddy_]

Amazing video as always, but I have three things that I'd have done differently
1. I'd use actual forms to create forms and validation ( there is amazing documentation about this on flutter docs )
2. Use the firebase CLI that is sooo much faster to setup and kinda easy to maintain as well
3. Check for loading and error states in the stream builder along with the hasData check

[SudipBhattacharyya]

Phew!!! What a mind blowing video!!! Nobody taught me authentication in this way!!! THANKS! 🙂

[huynhucbui]

Hi Sir, thank you for great tutorial.
I have a question, should we declare Auth object outside of Build method to avoid creating multiple objects ?

[gofry]

This tutorial is more than a tutorial, we call it a masterpiece!

[jake]

I thought i followed the whole thing correctly, however when i press register, it tells me the email adress is badly formatted. Any idea what i did wrong?

[karolwisniewski]

How to figure out error in xCode: Module 'firebase_auth' not found. It happen every time I create a new project and add this line of code:
firebase_core: ^2.13.1
firebase_auth: ^4.6.2
to the pubspec.yaml
the error shows even dont use firebase_auth in the code also if firebase_auth is in diffrent version

[vaibhavkhanna]

This is a great video, and I am thankful for it, thank you very much

[nunosilva]

Great tutorial, however how could we do something similar but using Flutter's native routes (Navigator 2.0)?

[captcha]

Thank you for such video!
Most helpful i found so far.

[sportsfever]

Sir please guide me. I used the same method and upon restart the logged in user i directed to homescreen but when i delete a user(not from in app but firebase portal) and then restart the app the user(deleted) still remained logged in evern he is deleted from authentication portion by me.what to do to redirect him after he is deleted. thanks

[dhmsimons]

please do a video about Flutter - Firebase Analytics. Thank you!

[RianYK]

Hope more tutorial about this. especially with CRUD data and todo list app.

[nasserdiallo]

man... this tutorial is super awesome !!

[Andrew-pxfj]

Does anyone know if there is a recommended way of doing auth with a custum api with token bearer, Im doing in in provider and save the token in both shared prefs and the provider itself but it seems so scuffed to be... besides i need to get the token every time i want to make a request... isnt there something like Axios for requests? ive seen axios package but doesnt look very popular/trustworthy is there any comparable package that saves token to every request automatically?