Flutter - Firebase Mobile Phone Verification | Firebase Auth (2021)

In this Flutter video tutorial, I have integrated firebase mobile phone verification in the application.
Buy me a coffee : www.patreon.co...
GitHub : github.com/the...

[@letmedoit.]

Thanks very much bro , i never usually comment but this video made me comment , i really respect your efforts keep growing keep doing 👍🙂

[@EasyApproach]

Thank you so much 😊

[@syedhs]

Very nice.. I was able to sift thru the video till the end without skipping. Which shows that every bit of this tutorial is worth watching for.

[@EasyApproach]

Thanks

[@shaheemMPM]

0:00 - Demo (Final Output) 0:35 - Introduction 1:42 - Dependancies 3:00 - Seting up UI 17:18 - Firebase project setup 29:30 - Implementing Auth functions 51:40 - Testing 56:00 - Creating Initialiser Widget

[@virality9000]

bhaii, it's a different feeling when we get OTP first time from our own app !! :D

[@hrithikrtiwari]

Subscribed to your channel just by listening the fact that you are making this video again as google updated it... People nowadays don't make videos to spread knowledge, but to gain views.. Keep up bro.

[@EasyApproach]

❤️

[@darlingtonhp]

This is undoubtedly the best video on firebase mobile phone verification. Thanks for the wonderful work you put into this tutorial.

[@fatihtutar7583]

I have been researching this for several weeks. After entering with sms verification, when I close and open the application, it was going to the login screen, I wanted it to go to the home page. It was exactly what I wanted, thank you very much.

[@EasyApproach]

Jazakallah thanks

[@fatihtutar7583]

@@EasyApproach I didn't know that you are a muslim. Jazakallah too. I'm from Turkey.

[@gemanoff]

Hi! I get an error in line 47 in main.dart: "_user = _auth.currentUser;" Issue: Returns the current [User] if they are currently signed-in, or null if not. This getter only provides a snapshot of user state. Applictions that need to react to changes in user state should instead use [authStateChanges], [idTokenChanges] or [userChanges] to subscribe to updates. A value of type 'User?' can't be assigned to a variable of type 'User'. Try changing the type of the variable, or casting the right-hand type to 'User' Please help me somebody!

[@alexgeorge1768]

Thank you for your channel, encouraging me to stick with flutter more and more. You are the best!

[@EasyApproach]

You are so welcome!

[@prsh1989]

Best best best best best best explanation of this concept among all the other videos available. Absolutely helpful and amazingly simplified from a beginner or learner's understanding perspective. No unnecessary fuzz, details, here n there code, complex file program structure, just, precisely showing code to the point around topic. Wonderful! Big big thanks for making this video. I watched few videos and go through some medium articles to understand this functionality, however failed. But you nailed it! The way you explained even the smallest details (but most crucial) like how verificationId works, you won my heart just there. Could you further take little time, and point me in right direction and help me with below questions: - how _auth in home_screen knows, exactly which user to signout? I mean, the detail of user who is signed in, is saved in login_screen file, isn't it local to that file? (I am sorry, my question is foolish, but I dont understand how this works) - After user is logged in, I want to present screen to user where he can enter details like profile picture and full name, how can I save these details on firebase and made available in app to display? I mean, how would I know, that details will be saved to this user, or will be linked to this user who is logged in using this number? do I have to use verificationId variable? Which video should i watch from your library regarding this. But still you have to give me little explanation, how I will link details on firebase user account to current logged in user on device

[@chinmayrele7940]

Perfect tutorial for phone otp authentication using flutter. Explained in detailed and perfectly. Thanks man!!!

[@EasyApproach]

Thank, subscribe the channel if you like

[@nikashdeka6663]

This is the most comprehensive phoneAuth with firebase. Superb! Kudos and really really appreciate this video. Thanks a ton 🙏👍👍👍👌🏽👌🏽👌🏽

[@EasyApproach]

Thank you. Please subscribe the channel.

[@nikashdeka6663]

Already subscriber 👍

[@nikashdeka6663]

As the showSnackBar is depricated, i have gone the context way. .. ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text(error.message), ), ); # Is it correct?

[@zayramendez9802]

man, seriously, your work is excellent !!! this video is very thorough, concise, very well explained, and truly helpful !!!

[@DanielHenryThomas]

there may exist some diferences though, between the Android Studio for MAC which seemingly you use, and the Android Studio for LInux which I am using... for example, the code shown at minute 39:41 does not work for me, Dart Analysis shows an error which apparently is related to some new "Null Safety" issue...

[@DanielHenryThomas]

yet, no big deal... apparently, one only needs to use a nullable String? instead of a non-nullable String

[@emotionaljackfruit]

Great video bro! Thanks a lot. But you forgot to show the autofill feature.

[@kabirmaniar6382]

Very good tutorial and still useful in 2022!

[@rohanjangotra5166]

I keep getting an error "androidx.browser:browser1.3.0 not found" can you please help me with this?

[@santoshsahoo3455]

Hiii sir This video is the main reason to get my job Thank you so much sir

[@EasyApproach]

Thank you. Please subscribe the channel.

[@prafulmane7078]

ive been getting a lot of errors. I guess its because of the updates. Could u please help me out

[@anasyousuf485]

TYSM ♥♥♥ i never knew that from GCP we can see our firebase project too...

[@devgarg5759]

Very very very Grateful to you man, really you helped us so much by making this video, Keep creating please.

[@nsambaisaac8742]

Hello man i tried your solution but keep gettin this error: [firebase_auth/invalid-verification-id] The verification ID used to create the phone auth credential is invalid. It is Thrown by this function signInWithPhoneAuthCredentials() in the Try{}catch() Block Any Ideas am waiting

[@vishnukumark6757]

Thank u very much brother for tutorial. I am beginner of flutter. I understood clearly by the way u teached.

[@ankitchawla8487]

Thanks for this man, I really needed this.

[@EasyApproach]

Glad I could help

[@empereurfranck6924]

brother you save me, thank you very much and courage to you! 100/100

[@EasyApproach]

Please subscribe the channel

[@dirojasvera]

Hi, I'm having this error, if you could help me, it would be in void signInWithPhoneAuthCredential if (authCredential?.user != null) { Navigator.push( context, MaterialPageRoute(builder: (context) => HomeScreen())); } error: The setter 'user' isn't defined for the type 'Future'.

[@lohithyadav497]

Hello im getting this error why i may know the reason ,Column's children must not contain any null values, but a null value was found at index 0

[@CrazyHostelers]

this tutorial is a real gem🔥🔥

[@prithvipk6328]

Sir seriously you are osm

[@kevaltank4544]

WOW!! thanks a lot brother nice video.. i am trying to do mobile authentication since last 2 days but it didn't work.. with the help of this video i did it.. nice work brother.. keep it up.

[@EasyApproach]

Thanks :) please subscribe the chanel

[@forexwithjustiin]

Me too. This is the only video that has worked for me. Good work!!

[@ezone2726]

Thank you for this tutorial! Also make an role base app where admin can control all part of user part but the user can post ,edit, delete the data, like and comment of the post of admin and other user .

[@EasyApproach]

Sure

[@ezone2726]

@@EasyApproach waiting this tutorial and thank you so much! And please make tutorial in native hindi language.

[@m.a.l4881]

Good job sir as Always but one question.How to Handle Plateform exception which is still appear when a user type bad otp code and send it?

[@suryamanjunathang4947]

sir im getting an error when send the otp, SMS verification code request failed: unknown status code: 17028 A safety_net_token was passed, but no matching SHA-256 was registered in the Firebase console. Please make sure that this application’s packageName/SHA256 pair is registered in the Firebase Console. I used my SHA256 key only but also it is showing the same error

[@apoorvbharadwaj7156]

Can anyone please let me know how to use null safety @39:51? The error that is thrown is "The argument type 'String?' can't be assigned to the parameter type 'String'.".

[@malikarif6257]

same errror😀

[@malikarif6257]

you are solve this error ?

[@prmoreiit]

Pressed 💯 th like. Thanks for the video. Very helpful 🙏.

[@EasyApproach]

Thank you. Please subscribe the channel.

[@prmoreiit]

@@EasyApproach ✅

[@code4u620]

Hi sir i have followed your tutos its awesome ,but i am facing a small issues i cant received an opt sms

[@erdba2007]

Great, it works except minor issue. Thank you man.

[@gustavomenezes2768]

Hi, how can I avoid the verifyPhoneNumber() method to automatically trigger the verificationCompleted callback? I don't know why but after login for the first time the verifyPhoneNumber() method is not triggering the codeSent callback again...

[@sakshinawale4342]

hey!! I'm getting error in verificationfailed method, inside the SnackBar

[@AmitabhSharma486]

Thanks Maaz, great help

[@nulops]

How can we automatically authenticate the user who authenticates via a phone. AUTH I would like to close and reopen the application without it asking me for OTP authentication again

[@musicaddictions0777]

While running this code sample it shows duplicate global key detected in widget tree

[@silkwoodification]

so this is a sign-in with a phone number, but it is not a register with a phone number included?

[@diabeticvirus374]

is there a way which i can save the otpcode sent to me by sms in a variable??

[@Ganesh-lh1bt]

Thank you so much for the content. Appreciate your effort.

[@manishsaxena2974]

android device verification is not available in google cloud console what to do now?

[@EUCSAKASHM]

hi sir i have a doubt, is there any way to display photos after login instead of the homescreen. in the way like showing different photo from different mobile number login

[@russwestwoodAgain]

This video answered all the questions I had, thanks so much for this....

[@EasyApproach]

Glad it was helpful! Subscrbe the channel for more!

[@fenofanikshotahotbishoasho6248]

Thx bro, you are AWEOSOME!

[@EasyApproach]

Thank you. Please subscribe the channel.

[@thebullcapital]

bro im facing a problem when i disable the number from firebase that user still able to open the home page..... how to fix this can u guide me... i made the it with the same code what u show to us in this video....although every thing are great ...thnx for the video ....

[@tutzki5077]

how to check if the code and verification code is correct without sign in the credentials because I have current user when I do that I got error coz its overwrite my current user

[@AK-qs6mi]

the getter 'phone number' was called on null. Reciever :null. Pls help.....

[@julianavitoria2762]

very good this video, i'am brazil here !!!

[@EasyApproach]

I have many brazilian friends :) you are one :)

[@shohzodlord]

Thank you very much (especially for source code). It works.

[@sevarjafarli8669]

Thank you so much for the video!

[@EasyApproach]

Please subscribe the channel

[@RamRaj-jz5dn]

Hi may i know why we should run it on the real device? is it possible if i run it on the emulator at the moment?

[@s2productions242]

I dont really understand how do I do this with Cubit

[@areebafarooq2694]

from where you get this recaptcha dependency ??????

[@umorenben]

I tried everything. But there was an issue when I got to "48:28", with the code "if(authCredential?.user != null)..." WHAT DO YOU RECOMMEND??? So I used "UserCredential result = _auth.signInWithCredential(phoneAuthCredential) as UserCredential;" This worked but i did not get any code send to my phone after running the app on my real device

[@BerkanBuyuk]

Did you fix it ?

[@dharamathukiya9618]

Same error I got it ... How can I solve it..?

[@Burak-bp3ob]

thank you so much, great work!

[@EasyApproach]

You're welcome!

[@awsmjazz]

I am a noob and i only wish you would have explained it in easy terms. A huge Thanks to you btw the app worked but i didnt understood the flow of code

[@gauravpatkar1946]

If I type wrong OTP then it’s getting stuck in loop maybe I missed something in code

[@andrewparris5372]

Thanks, it works! 😀 Could you do a video on Flutter / Firebase / Password-less Authentication ( Email Link ), I mean providing you've figured it out. I've been beating my head against a wall for a couple of weeks now, trying to figure it out! 🙄

[@EasyApproach]

That's great idea actually. Will do it soon. Thank you. Please subscribe the channel.

[@andrewparris5372]

@@EasyApproach Oh I did. You gained a subscriber when this actually worked. Most of the information out, in reference to Flutter, is outdated due to Null Safety. Thanks again and looking forward to that video! Have a good day. 🙂

[@apnisochbadlo2711]

sir it's a real time verification or you add mobile no and otp manually

[@arunavabhaumik1636]

thanks man for this awesome tutorial.

[@EasyApproach]

Thank you. Please subscribe the channel.

[@arunavabhaumik1636]

@@EasyApproach already subscribed

[@MaiMai-xz4pj]

the SnackBar error bro i use latest dart version can you tell me

[@KamranKhan-jg1md]

Sir please make a complete course on Flutter and Firebase. Love from Pakistan.

[@EasyApproach]

Inshallah zror

[@KamranKhan-jg1md]

Tnx😊

[@kannannallu9170]

Super explain bro thanks,u upload more flutter vedio

[@EasyApproach]

Will upload soon. Please subscribe channel.

[@kannannallu9170]

@@EasyApproach subscribed bro

[@mayssamathlouthi9161]

Thank you very much for this video, great work

[@EasyApproach]

You are welcome!

[@balasaravananvp4253]

Is there a way to continue the Signup the user without OTP verification?

[@NotImpossible]

hey man, can i create verification by voice with google ?

[@muraleespore]

Thank you .... i got it working....

[@sadaanshahid7237]

Can you please also guide us on how users can resend OTP

[@muezaffar]

Hi sir, how can i send username to the firebase with phone number?

[@novysandhu5193]

anyhow if I go through your old video of mobile phone verification does it works now ??

[@EasyApproach]

Nope

[@breathandrelax2]

wow. just wow. thank you so much.

[@shakeebahmedkhan8026]

he argument type 'AuthCredential' can't be assigned to the parameter type 'PhoneAuthCredential'. this is the issue, i am facing in your code sir

[@shakeebahmedkhan8026]

if anyone knows the solution, so please tell me i m fed up with this error

[@gamingbugs9296]

@@shakeebahmedkhan8026 Dara type on both side must be same.

[@jeetshah8513]

Thanks buddy

[@EasyApproach]

Thanks. Please subscribe the channel :)

[@gauthierngindu2881]

How to add country flag with index number of country ?

[@EasyApproach]

There is a package you can use pub.dev/packages/country_code_picker

[@mariannem2178]

Great tutorial, trying to get past the depreciation of snack bar. In the Text Widget it won't let me get verificationFailed.message or e.message. I can see that its coming from Firebase Auth Exceptions I dont have that in packages however your github project does. This is the error im getting: "The argument type 'String?' can't be assigned to the parameter type 'String'" Any help would be appreciated :)

[@quangtrung88]

_scafoldKey.currentState! .showSnackBar(SnackBar(content: Text(e.message.toString())));

[@mariannem2178]

@@quangtrung88 thank you, I figured it out on my own haha 😂

[@MaiMai-xz4pj]

how to change detail of sms bro

[@jaitungodhani2334]

When I run above video code I got recapthchaactivity error So, what can I do Please tell me

[@EasyApproach]

Paste the complete error

[@jaitungodhani2334]

/BoostFramework(31900): BoostFramework() : mPerf = com.qualcomm.qti.Performance@cd594e6 E/zzf (31900): Problem retrieving SafetyNet Token: 7: I/Timeline(31900): Timeline: Activity_launch_request time:350281670 intent:Intent { act=com.google.firebase.auth.internal.ACTION_SHOW_RECAPTCHA pkg=com.example.learning cmp=com.example.learning/com.google.firebase.auth.internal.RecaptchaActivity (has extras) }

[@EasyApproach]

You enabled the cloud service? For the same firebase project?

[@EasyApproach]

Check it again

[@jaitungodhani2334]

Ohkk I will try this Thank you😃😃😃

[@ganeshlnsabat4659]

Thank you for this video.....

[@EasyApproach]

Thank you. Please subscribe the channel.

[@fatihtutar7583]

If this application is still in your archive, can you run the same application in release mode. I'm doing the necessary things, but I can't receive sms in release mode. I've been trying to get sms in release mode for 2 weeks. If you can make a follow-up video of this video, you can help. I'm waiting for your help.

[@MrGuillaume343]

Did you manage? I have same issue...

[@fatihtutar7583]

@@MrGuillaume343 yes I will add debug mode sha-1 and sha-256key and release mode sha-1 and sha-256key and sha-1 and sha-256key that google play console give to me into Firebase Console app settings. Then I dowloaded new googleservices.json. Secondly I set enable Android Device Verification on Google Cloud Platform. That's it.

[@MrGuillaume343]

@@fatihtutar7583 thanks a lot. And how and where do you find sha releases keys ?

[@fatihtutar7583]

@@MrGuillaume343 there are something that you must learn. You should search sha-1 sha-256 key on release mode on the internet or did I search and couldn't find it?

[@MrGuillaume343]

@@fatihtutar7583 it is ok. Thanks for the help

[@prashan-gc]

how to i find my SSH key if im using VS code editor?

[@dilajbar8796]

not neccesory man

[@mahmoudgeater1260]

it will work in release mode?

[@diwakar4863]

Can you do this with BLoC ?

[@vedantjha2327]

What about iOS and web?

[@EasyApproach]

For ios it is same just add firebase in ios project

[@vennilatestware5777]

i need to check in emulator. is this possible?

[@EasyApproach]

no

[@muhammadabdullah668]

Im getting ongenerateRout error

[@spidy011]

How to login with phone number and password

[@simplifiededtech5913]

shA1 or SHA 266 nahi mila rahia hai

[@gamingbugs9296]

Do it manually.

[@joonnie1]

What about iOS? You should write "only Android" in the title

[@sezarbaarah8729]

thank you very much

[@bismillah_996]

Thank you

[@EasyApproach]

Please subcribe the channel

[@kushalurade7042]

Sir in my case otp is getting but OTP screen is not visible ।।😔

[@EasyApproach]

Which screen is visible? May be you did not use setstate

[@kushalurade7042]

I have compare the code of you and mine it's same thereafter that problem is getting

[@kushalurade7042]

If you is on instagram plz give insta link i will show you screen shot there

[@kushalurade7042]

At first entering phone number screen open then after get OTP and then OTP screen is not showing and not automatic login

[@lohithyadav497]

Hello im getting an error

[@shibamnaskar4697]

how to get the user uid??

[@EasyApproach]

From the user object that you get after loging in.

[@abhishekbarkade5955]

Thanks a lot sir .......

[@EasyApproach]

Most welcome

[@thebullcapital]

i dont know why other people not find this

[@StrangePraani]

wrong OTP is not handled sir...

[@EasyApproach]

Ap intelligent hen, Ab ye apne krna h search krk :)

[@kapilpatidar1099]

Thankyou......

[@EasyApproach]

Please subscribe the channel

[@kapilpatidar1099]

@@EasyApproach done