Flutter Tutorial - Google SignIn With Firebase Auth - Android, iOS, Flutter Web

[@HeyFlutter]

👉Join 12 Week Flutter Training: heyflutter.com 👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f Source Code: github.com/JohannesMilke/google_signin_ii_example Google SignIn WITHOUT Firebase Tutorial: kzbin.info/www/bejne/e2a6mIhsereNsKM Setup Firebase For Android Tutorial: kzbin.info/www/bejne/eaHccn95bb-jrtE Setup Firebase For iOS Tutorial: kzbin.info/www/bejne/r5uXp5SwZ9ereZI Setup Firebase For Flutter Web Tutorial: kzbin.info/www/bejne/kGHNd56GZaZmeJI SQFlite SQL Database Tutorial: kzbin.info/www/bejne/i6Guo5uQZa2jps0 Hive NoSQL Database Tutorial: kzbin.info/www/bejne/rWnGi36jbthlaJo Firebase CRUD Tutorial: kzbin.info/www/bejne/e4eVdayogLSkqLs Deploy Flutter Web App With Firebase Hosting Tutorial: kzbin.info/www/bejne/rnvSaICnqMpsbJI Upload Files To Firebase Storage Tutorial: kzbin.info/www/bejne/mp69aoedbtBkabc Download Files From Firebase Storage Tutorial: kzbin.info/www/bejne/j3LCl3t5e8R4j8U Setup Firebase Functions Tutorial: kzbin.info/www/bejne/bYbGfmmPZpd_e80 Build Flutter Chat App With Firebase Tutorial: kzbin.info/www/bejne/rXmslH16hsd1fNU Compress Video Tutorial: kzbin.info/www/bejne/gIbIiJiQjdNqZ68 Fix Bottom Overflowed By Pixels Tutorial: kzbin.info/www/bejne/rKCkg6KMi8R4eqs

[@anshumanmahapatra2647]

Your tutorials are like a bottle of water in a vast desert. They always save me. I really thank you from the bottom of my heart.

[@umarfarooq-1042]

What a content Johannes. Really Impressive. I really liked the way you explained and make fake mistakes and correct them so others can't do it. Love your teaching. Most Underrated developer channel I have ever seen. Keep up the hard work. Love from Pakistan. ❤️

[@mohdarifbinhussin9462]

Awesome tutorial. Straight to the point, well edited.

[@hrithikmishra1093]

the only channel that helps me get all the work done

[@hrithikmishra1093]

@@HeyFlutter I have done everything mentioned in the video correctly, but oddly, the hot reload and hot restart functionality is not working! Any Idea why would this happen?

[@hrithikmishra1093]

@@HeyFlutter nevermind it got resolved by switching to Android studio. Weird but works

[@boku00]

What an amazing video. So comprehensive! You are a pro teacher.

[@RajA-me9cl]

Johan, best in the business.

[@googuu99]

This video is the best guide to implement social auth using firebase. Thanks man😎

[@HeyFlutter]

Glad to hear that, Thank you 코인 벌자! 😊

[@japsimransingh9933]

Liked the video before watching it.

[@aneesurrehman4929]

Thanks alot buddy I've successfully registered through Google sign in. Thumbs up for your work 👍👍👍

[@arjunmuralikrishna7268]

You're the best reference for flutter developers. Thanks a lot !!

[@HandsOnKnowledge]

Amazing video as always, got it to work on my app. Thank you Johannes :)

[@danteblack8316]

Great! Thanks for this video. It's very helpful. Keep up the good work, men)

[@atultiwari7361]

i found this video today, you make this video simple and your explaning are outstanding thankyou for providing this type of content

[@pratikgehlot9516]

can youu share the codebase?

[@sheetalverma181]

Finally i learned how to use Google authentication Thanku 🙂

[@mshakir7120]

Thank you so much, Johannes,for making this video.

[@HeyFlutter]

You’re most welcome, M shakir! 🙂

[@zakariahouache5442]

Thank you Professor I need to register with Facebook..

[@jeugenejohn4636]

Really informative. Simple and precise.

[@chinmayrele7940]

Amazing video. Explained in short time and perfectly. Video was of great help. Thanks!!!

[@sagarshan1306]

Awsm! How did you become professional flutter developer? tips required :-)

[@shanmugapriyam8771]

@@HeyFlutterI am going to follow your words😁✨

[@HeyFlutter]

Thanks, Sagar S! 🙂 Simply learn continously Flutter every single day and make sure that you learn more about Flutter than everyone around you :)

[@ramonx.n9633]

Wow this is impressionant video! thank's for your contents! Very good!

[@abdulazizaboujib5590]

Thanks for the great content again 😄

[@abdulazizaboujib5590]

@@HeyFlutter i believe that i saw in one of your videos in the logout method you added "clear user" and said its important , is it not required for google logout ? I forgot what tutorial was it 🙈

[@sachinsolanki1073]

Thank you so much and love you bro. Feeling like gotcha solution after decades ❤️

[@danielcarvalhogoldoni3688]

Nice video , greeting from Brazil. :)

[@HeyFlutter]

Thanks, Daniel Carvalho! 🙂

[@mr-csce5484]

This tutorial is perfect for me. Thanks a lot!

[@animalmaster6992]

Thank you very much! Can't even express how much this helped me.

[@lukfiputraa]

your tutorial save my day , thank you :)

[@SupunAyeshmantha]

Thanks mate , Deserve a subcription

[@AmBigRyan]

Hello Johannes, would you please do a online audio player tutorial. Thank you for your tutorial they are really educative.

[@vicsystems]

You are very professional.

[@jeffreylim5920]

6:52 what is this feature playing the app as video called? It's really informative!

[@development_tutorials]

Sponsored thanks for your tutorials

[@deepakkishores5898]

Awesome!!!, Very useful video, Liked and subscribed

[@HarryPotter-bd2qb]

Here before you get a millions subs

[@HarryPotter-bd2qb]

@@HeyFlutter :)

[@grigri750]

Fantastic tutorial!

[@HeyFlutter]

Thanks, @grigri750! 🙂

[@brokercl]

minute 8:50 sdk: ">=2.12.0

[@gbarago8852]

Thanks a lot for this ...was easy and fast

[@HeyFlutter]

You’re most welcome, Gbarago! 🙂

[@rog0079]

Absolutely mind blowing, one question, is this firebase stream builder method of retaining user info even if we close the app better than using shared preferences?

[@ITSMRKZONE]

The copied code and run in terminal says keytool is not recognized as an internal or external command ??

[@HeyFlutter]

Thank You Pyrrhic! Follow this link: codewithandrea.com/articles/keytool-command-not-found-how-to-fix-windows-macos/ I hope you will get your answer 🙂

[@hashankannangara8723]

Very useful video 🤩 Thanks !

[@Ali-cb3xt]

Thanks, please do apple sign in also

[@sudhanshushaurya4115]

Nice video but it would be great if you make video to how to link other auth method like how to link user mobile no with this gmail and also fb login plus email signin so that any user can login with gmail id or mobile no. With password they had created thanks😁

[@ayushvarma9657]

On selecting the google account, it doesn't direct me to the logged-in page. I've rechecked the SHA values as well.

[@ayushvarma9657]

@@HeyFlutter is there any email/place where I could send you the log of the error?

[@7anv1r71]

@Ayush Varma Same problem. did you find any solution? it did not navigate the logged in screen if user logged in.

[@vaibhavgoel5178]

@@ayushvarma9657 You can copy the log in pastebin and then attach it's link in reply

[@rahulagarwal968]

How to get documentID in Firestore 2.0 ? Can you please make a video on Firestore 2.0 new changes.

[@rahulagarwal968]

@@HeyFlutter Thanks a lot. I was having trouble getting the ID !

[@HeyFlutter]

Thanks, also Rahul Agarwal! 🙂 Instead of .documentId now you can simply user .id in order to get document id

[@SumanBaul]

Thanks a lot for this tutorial!

[@jeffreylim5920]

13:59 We learned that we should place instance of stream rather than method. Should we change the line 'stream: FirebaseAuth.instance.authStateChanges()' ?

[@HeyFlutter]

Thank You Jeffrey Lim! Follow this link: stackoverflow.com/questions/64520543/struggling-with-authstatechanges-in-flutter I hope you will get your answer 🙂

[@jeffreylim5920]

@@HeyFlutter So, you're saying if we want to maintain the login even after we close the app, we should use 'stream: FirebaseAuth.instance.authStateChanges()'?

[@Saur3n]

hey Johannes , I'm facing an issue like account gets signed in but when i click sign in with google it doesnt go to next page!!!!!!

[@cavidanbagiri7837]

Super teacher. Thanks

[@giancristian2265]

awesome video...congrats, great lesson!!!

[@LuminousAsianBeauties]

amazing.thanks for your video. very simple and useful.

[@HazeForgotten]

3:58 how do i create a .android folder (with a keystore) for my app?

[@HeyFlutter]

Thank You HazeForgotten! Follow this link: medium.com/codechai/flutter-andorid-keystore-path-on-different-os-d0fc30a24d4f I hope you will get your answer 🙂

[@ahmedjawad7350]

Thanks Jo. for that help. How to use firebase sms otp pls.?

[@mikimooz4057]

I have successfully signed in then sign out. But when trying to sign in again, I get error:"Null check operator used on a null value". It is referring to variable final user (minute 14:11). Any sugestion on that please?

[@HeyFlutter]

No worries Miki Mooz, make sure to follow the tutorial step by step 🙂

[@dieg0503]

Hi Miki could you fix it? I am still getting this error and can't find a way to make it work...Thanks

[@mikimooz4057]

@@dieg0503 not yet. Currently I skip this google login part. Will get back later after finishing all module

[@dieg0503]

@@mikimooz4057 Okay! Thanks for replying! Please let me know if at some point you solve this.

[@daumienebi]

@@mikimooz4057 What type of app are you creating if I may ask :)

[@aL3kseY]

Could you please make a Video that combines Google and Apple SignIn.

[@HeyFlutter]

Thanks for the idea, Alex Schneider! 🙂 I have added it to my list of ideas for future videos!

[@jemmytech5474]

Does ‘Add another account’ work? What if someone doesn’t have Email or haven’t logged in into his email gmail

[@alexeyantonenko877]

Brilliant job!

[@HeyFlutter]

Thanks, Alexey Antonenko! 🙂

[@ghaithsy6557]

thanks Man... but please check the following : whenever I press request button for your source code nothing shown !..only blank bage !!

[@ahmedjawad7350]

please Joh. how to sign in with apple id? if you have a video pls advice:)

[@ahmedjawad7350]

great.. I will wait:)

[@brokercl]

Great, it finally worked, thank you very much, Johannes, and now to publish the app, it would be my first time

[@SirChatur]

Can u tell me - if I re-start the app then do I have to re login or it will skip the login screen as I was logged in before

[@SirChatur]

@@HeyFlutter thnku brother

[@HeyFlutter]

Thanks, also Sir Chatur! 🙂 You need to keep a check when your app starts. you can simply check currentUser parameter of FirebaseAuth class to verify whether user is logged in or not

[@faisalfotoh1909]

Thank you very much for your valuable efforts I hope to find an answer to my question Is there an add-on to help display statistics? The total of those who registered in the application How can the owner of the application or the participants in the application know the number of registered users?

[@HeyFlutter]

Thank You faisal fotoh! Follow this link: stackoverflow.com/questions/53373930/flutter-get-all-registered-firebase-users?noredirect=1&lq=1 I hope you will get your answer 🙂

[@eNONO-ot4zh]

thank u Milke😍

[@meenuestic]

i am having a error in streambuilder builder first curly bracket it's saying "The body might complete normally, causing 'null' to be returned, but the return type, 'Widget', is a potentially non-nullable type. Try adding either a return or a throw statement at the end. " please please please tell me what should i do

[@HeyFlutter]

Thank You meenuestic! Follow this link: stackoverflow.com/questions/68119285/the-body-might-complete-normally-causing-null-to-be-returned-but-the-return I hope you will get your answer 🙂

[@dogoclipch.6597]

Hi Sir, I would like to ask is it possible to change the project name that shows during google sign in? What I mean is change 'Choose an account to continue to google_signin_ii_example' to Choose an account to continue to MyProjectName'

[@sheikshemo6447]

Very useful video Milke, I am waiting for next tutorial for authentication in firebase by using phone ,Pls try to make it ASAP it would be useful and THANKYOU Milke:-)

[@makemypetgamedevprocess6475]

Thanks for this great tutorials, keep it up Johannas 💪

[@wilfredomartel7781]

There is a small problem when you release the app. After installing on phone and you try to sigin appears a message like this: " invalid hash for..."

[@wilfredomartel7781]

@@HeyFlutter vielen dank!

[@AkanNota]

Hey, Thanks for that video. I have a question. Logging in and out very slow on virtual phone but everything normal on phisical device. I must wait 1-2 min for reaction virtual phone and I getting this error "Ignoring header X-Firebase-Locale because its value was null." How can I fix that problem? Thanks again 😊

[@AkanNota]

I starting to use diffrent virtual box and fixed.

[@HeyFlutter]

Great, Akan Nota - Kolay Nota! 🙂👍

[@AkanNota]

They are fix that issue. So just update for fix this issue :)

[@thihathantsin1934]

Hay John, can u also make a video about Facebook Login with Flutter coz I really like your explanation 🙂

[@Vikkybliz]

Great video here Milke..I have a problem though. Mine is not navigating to the next page after login

[@Vikkybliz]

@@HeyFlutter Ok

[@Rpm9pj]

how do you configure it to allow you users to choose to log back into an existing app account that they have already linked a gmail account to? (i have already implemented a user model/framework in my flutter app and am trying to add this functionality to users and am unsure how to integrate them together)

[@HeyFlutter]

Thank You Rishabh Kumar! Follow this link: stackoverflow.com/questions/45079459/how-to-signout-a-user-in-flutter-with-firebase-authentication I hope you will get your answer 🙂

[@shubhipaul6830]

nice tutorial :)

[@HeyFlutter]

Thanks, @shubhipaul6830! 🙂

[@heffrondrive71]

Hi, when I run the app when and try to login it works but I think it takes too long (4 minutes) but when I already log in a can logout and login with other credentials instantly... Is that normal? Or it's because the app is in debug mode? Thanks

[@ravied]

love it. i have problem phone authentication in web in firebase ?

[@HeyFlutter]

Hello, Ravi Ed! Follow this link: medium.com/codechai/firebase-user-authentication-using-phone-verification-in-flutter-c34dc0f7a9f8 I hope it will solve your problem. Thank You 🙂

[@ravied]

@@HeyFlutter not work. i mean how to implement phone authentication web application in flutter

[@daumienebi]

Thanks a lot for the video

[@HeyFlutter]

You are welcome, @daumienebi4864 😊

[@janammaharjan2699]

wow this is a great video. thank you very much . wish you could upload with signin with facebook together with signin with google and email .

[@guyst4188]

thank you my dude!

[@destinygames3449]

You are the best.

[@HeyFlutter]

Glad you liked it, @destinygames3449 😀

[@kengkajorn]

I can't access the Homepage, I added SHA-1 and SHA-256. then please help me

[@qcgen208]

Hi Johannes! If you use sha1 and sha256 from App Signing Key certificate, then what about sha1 and sha256 Upload key certificate ?

[@HeyFlutter]

Thank You QC Gen! Follow this link: stackoverflow.com/questions/51845559/generate-sha-1-for-flutter-react-native-android-native-app I hope you will get your answer 🙂

[@mateuszperyt7998]

I have an issue regarding a grey screen popping up on a particular part of my application. More specifically, the app works on every screen (testing on a physical iPhone device + Android simulator) except when pressing the 'Register' option. This means that there must be an issue arousing within the body of the register section, but the problem is that no grey screens appear on certain devices (Nexus 5X, iPhone XS Max) but it shows up on an iPhone 11. Any ideas?

[@percynguni8254]

Hey Johannes, loving your videos. They're awesome. I wanted to know how i can save the Firstname and Lastname of a user to firestore collection separately after signing with google auth. Is there a way ?

[@HeyFlutter]

Thank you 😊, Percy Ng'uni! Check out this video to store data on firestore : kzbin.info/www/bejne/fWWsf4epltl1m9k

[@glendaleYT]

I have problems with the keytool, i keep getting cannot be recognized in my terminal. Help! :(

[@ashishranjan7586]

hi ..actually i have a question...suppose i have two buttons one for signup and signin...and i waanna show a message like account doesnt exist if they are signing up for the first...and similary..if they have signed up and again trying to do that then i will say..already have an account..how i can do this ?

[@HeyFlutter]

Thank You ashish ranjan! Follow this link: stackoverflow.com/questions/51652134/check-if-an-email-already-exists-in-firebase-auth-in-flutter-app I hope you will get your answer 🙂

[@gael9217]

Hi, how can I save the new user in a firestore collection?

[@bitencourtuva]

Thank you so much!

[@shibun5091]

Hello johannes, what is "generated_plugin_registrant.dart" file?. It is automatically generating..

[@HeyFlutter]

Thanks, Shibu N! 🙂 generated_plugin_registrant.dart is an automatically generated file that is required to compile your Flutter project as a web application: This file generated_plugin_registrant. dart exists only to support the web. It exists if Flutter is web-enabled and there is at least one package that has asked for it.

[@madesetiawan]

I will be waiting for the other tutorial, authentication firebase ...

[@madesetiawan]

@@HeyFlutter thanks .

[@andreachristophe6094]

Hi ! Awesome tutorial ! I'm just having an issue with the endless loading screen, I've put my SHA-1 and SHA-256 on firebase, I put the google-service.json (on right place), add contact mail, enable google auth, etc. I tried to delete, made new Firebase project... x) I really don't know what I did wrong :(( any suggestion ?

[@Saur3n]

heyy same error did u get it??

[@landrynganji8661]

does it also work in production without any restrictions? because authentication without firebase once the application is in production, the authentication does not work until Google has been provided with the conditions of use of the application

[@HeyFlutter]

Thank You Landry NGANJI! Follow this link: stackoverflow.com/questions/67501843/flutter-google-and-firebase-login-not-working-in-production I hope you will get your answer 🙂

[@madesetiawan]

Thanks for your tutorial. It's a great tutorial 👍🙏

[@tumhokon5598]

Hey man, you have such an awesome content..🥺💖

[@engineerflying]

where did you call the homepage?

[@OmarRiyati]

Very nice tutorial

[@openmind5071]

After the signup its not going to " logged_in_widget.dart " instead it printing like " Ignoring header X-Firebase-Locale because its value was null." in console and staying in the same signup activity

[@openmind5071]

@@HeyFlutter : thank u so much :-)

[@HeyFlutter]

Hello, openmind! Follow this link: stackoverflow.com/questions/64727665/w-system-ignoring-header-x-firebase-locale-because-its-value-was-null, I hope it will solve your problem. Thank You 🙂

[@isra0639]

It's a great tutorial, excellent video Could you help me with this error? Another exception was thrown: Error: Could not find the correct Provider above this LoggedPage Widget I followed the video step by step I tried to resolve it, but i still don´t get what´s wrong

[@nodirectionvlogs7237]

i hv created email verification sir i want to implement this in same so jst have doubt i have to create app again i have done all like sha key and google service json i have jst want to ask i have to doagain?

[@HeyFlutter]

Thank you, NO DIRECTION VLOGS! 🙂. No you don't need to do it again if sha and google service is already added.

[@nodirectionvlogs7237]

@@HeyFlutter thnku so much sir

[@abhijithanil5953]

great work man, keep going..!!!

[@vishnur2433]

Can you create new email sign in video.., your old video not working properly..

[@vishnur2433]

@@HeyFlutter Thank you

[@teobellverwhite3562]

hi, it says that my sha256 is weak, and its only 11 letters long, any idea why?