Flutter Firebase Phone Auth Tutorial For Beginners | Firestore, Firebase Storage, Auth (Latest)

Hello everyone, in this video we will be learning how to implement a phone authentication system in flutter and firebase. We will be using firebasefirestore, firebase storage, authentication.

Source Code:

► Join Patreon

► ALSO LEARN TO INTEGRATE GOOGLE and FACEBOOK SIGN IN TO YOUR APPS:
📗 Complete Google and Facebook Login In Flutter | Flutter & Firebase Authentication 2021 (Part 1)
📗 Facebook Login In Flutter | Flutter & Firebase Authentication For Beginners 2021 (Part 2)

🔔 Get updated with my projects🔔

#chewieplayer #fluttervideoplayer #backslashflutter
​
🔥 Subscribe for more:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

If this helps make sure to share it with friends and colleagues who will benefit from this
Have questions/queries? 💬 Comment below I will be happy to help

🎵Credits :
Music Used:
softy x no one’s perfect - The Beauty Around Us ✨ [lofi hip hop/relaxing beats]
Reddit Username : @backslashflutter
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

🔗OTHER:
PLAYLIST:
1. FLUTTER AND FIREBASE
2. FLUTTER SPEEDCODE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

OTHER VIDEO:
Complete Flutter Installation & Setup Tutorial For App Development on MacOS (Latest)

Learn API Integration in Flutter | Building A Dictionary App with OwlBot API | (Under 20 Minute)

ChatBot App In Flutter | Python Backend With Flutter | Heroku Server (Full Explanation)


About Flutter:
Flutter is an open-source UI software development kit created by Google. It is used to develop cross platform applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia, and the web from a single codebase. The first version of Flutter was known as codename "Sky" and ran on the Android operating system.

THANKS FOR LOVE AND SUPPORT💪

[backslashflutter]

Other best method to setup default phone

Country country =
// IN is for indian phone number

[kenethnjoroge]

I will only say this... THIS IS PURE GOLD!!! THANKS MAN!

[techadot]

As of today, this video is valid. And for those getting errors, watch the video with patience, do not skip any path, follow all due process in the video. Thanks @backslashflutter💙, from Nigeria 🇳🇬

[prashantkhare]

Thank you very much for making such a beautiful tutorial in a very easy way, May god bless you

[sush.]

thank you so must, you added value in my coding love from mumbai.

[johnkim]

You're great! 😀It helps me a lot. Please upload more lectures.

[oussamasbisiane]

thanks dude u really help me with that very simple code to understand and make my own changes

[abrarlasebai]

amazing content, BIG LIKE From Libya 👏👏
Best of Luck 🌸🌸

[afrikanking]

On Android the otp comes as expired. My man you did really well making this video. please help us complete. Android is not working

[mohammednawar]

Thank you dear for an amazing tutorial

[mazenal-ali]

thank you very much for such a creative and useful content. There is a big problem with this approach that I couldn't solve, when a user enters phone number and verify the OTP he will be redirected to the registration screen to fill the information, if anything interrupt this process and user didn't complete the rest of the information next time when the user opens the app it will redirect to the home screen and all info will show as null.

how can prompt the user to enter the missing information incase he didn't complete them?

[drmsa]

28:40 just keep the setState empty and it will update the icon without reversing the numbers
onChanged: (value) { setState(( ) { }) ; },
and no need for additional code.
Thanks for your video.

[mochouinard]

First, thanks alot for making this video, it was amazing for me to get started, I just finished watching it all, so here a few issues I found :
28:19 This cause multiple bugs. You should not set text = value. You only need an empty setState. This also mean you don't need the following code shown to move the cursor at this end.
One of the code error I saw was you put the phoneNumber inside the uid somewhere (I don't recall where, I just didn't wrote it like this on my end).
The rest might be me, since I rewrote all the code, you were quick and I might have missed a function.
But I'm on Android, and visually it doesn't work well... I guess it need some way to adjust the visual it feel good to use when the keyboard show up.
I got it to work with the fake SMS number, but if I use a different SMS number, the app stop in debug mode somewhere.
Also, when you enter the wrong OTP code, I need to rotate my phone (to trigger the setState()) so it bring me back.
I'm don't fully understand how you implement authentication... Once a user is signed in, there is no authentification being made to firebase ? It seem to just read a local variable in the checkSign() Shouldn't it check the Firebase backend to see if it true or not ?.

[tricks-app]

Thanks for the video, Could you make a video that tells all the vscode plugins you are using. I like the one where you collapsed the code within the brackets @ 1:17:42. thank you.

[Sheikh_Sakibul_Islam]

to add dependency just click "f1" then search "add dependency" then paste the name, simple

[juliokavege]

Thank for this greatest content. Can please also show as how to automaticaly retreive sms code on the otp screen?

[MR_Football_]

when i click continue : No App Check token for request. any help please ?

[codingmafia]

Perfect, can you assist ho do I prevent double sign-in in different devices using same number

[sukooon]

Can you please make a video on forget password and reset password through an email link

[fatihmerickoc]

how can i make sure that when a user opens the app it shows the main screen instead of the get started screen??