📱Login & Logout • Firebase x Flutter Tutorial ♡

💰 I'll develop your MVP app: mitchkoko.app/mvp
📱 Code: mitchkoko.app/
🎓 Flutte Beginner Course: • 📱 FULL Flutter Beginne...
💌 Email: [e-mail]
~;
/ createdbykoko
/ createdbykoko
/ createdbykoko
/ mitchkoko
~;

[@createdbykoko]

🔥📱 Flutter Templates • mitchkoko.app/ 🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp 💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp You might find these useful 👨🏽‍💻 Minimal LOGIN UI - kzbin.info/www/bejne/l3vHep6IntWaic0 Firebase Setup for IOS - kzbin.info/www/bejne/nqqTf6eIZbOKarM Firebase Setup for Android - kzbin.info/www/bejne/qauXpJ-Ge9x4rNU

[@sammyjokes9613]

So clean and detailed.. Thanks for this. Pls also add the function of storing users info in the cloud firestore after the signup.... Thanks again

[@sammyjokes9613]

Hello Mitch.. How can a user login with just username and password??

[@bloodwinggamer1444]

Bro I just want to contact u

[@ansaritalks4261]

one of the finest and best youtube channel of flutter i've ever seen, i have seen almost all videos , your videos are short, point to point and well explained and edited Keep up the good work

[@createdbykoko]

Thanks Ansari! 👨🏽‍💻❤️

[@Coenie-je6pn]

Your teaching style is perfect! Straight to the point, and still a neat looking functional app in no time!

[@lal9911]

I'm a student from Saudi Arabia working on my graduation project app and you're the best, I started following your videos last night and already i've learned a lot!! Keep up the good work man!

[@createdbykoko]

Glad i could help 👨🏽‍💻❤️

[@kahanx10]

To get rid of the overflow problem when using keyboard, you can also set 'resizeToAvoidBottomInset' to false in the Scaffold widget.

[@appdev7864]

Underrated comment ty

[@abelsajigeorge8553]

ah saviour!!!!

[@kushal6333]

This will make the fields covered by keyboard which was not the best solution instead the one which was shown in the video was perfect !!

[@ranswatching]

THANK YOU!!

[@7MechanicalAnimal]

Thanks for these tutorials. Firebase is just what I need. Looking forward to the future firebase videos

[@createdbykoko]

my pleasure :D firebase is so useful❤️

[@joshuagavelan178]

muchas gracias por los tutoriales, eres el mejor y no sabes lo mucho que ayudas a la comunidad. Eres una gran persona! te deseo lo mejor

[@kahanx10]

You can use Material and Inkwell widgets to provide a ripple effect on tapping any object, in our case, the custom sign-in button. Material( color: Colors.deepPurple, child: InkWell( onTap: (){}, child: Container( padding: const EdgeInsets.all(20), child: Center( child: Text( 'Sign-in', ), ), ), ), ),

[@jackhalm7753]

This video and this playlist are incredibly helpful, thank you so much for making these

[@createdbykoko]

My pleasure haha glad it helps

[@aakashraza2672]

Most easiest and well defined ❤️

[@createdbykoko]

Thanks aakash! 😘🌹

[@aakashraza2672]

@@createdbykoko Learning a lot of things from your content brother ❤️🎉

[@pavsoor]

Great quality videos, excellent production, no glaring background soundtrack. Really, really good!

[@yacineelhakimhaddouche6805]

Been waiting for this one! Clean work, keep it up 🙌🏻

[@createdbykoko]

Yay hope it helps. I'm going to continue this in the next video with registering users and so on :D see u there

[@yacineelhakimhaddouche6805]

@@createdbykoko already booked my seat 👌🏻

[@yamilsaad9298]

Hello!!! From Argentina again!!!! Thank you!!!! You are Amazing Broh!!!

[@createdbykoko]

No worries brotha. Go messi!! 🇦🇷🇦🇷🇦🇷🇦🇷

[@maismail8499]

Another great video mitch!

[@baasithfazil4316]

you explained it very easily. need to do this.

[@tasya_nabila]

Thank you so much for the tutorial Mitch. You helped me a lot :") eventho I sometime still confused

[@abasilis]

Thanks man, this video is awesome, thanks for the small details that makes this project great!! By the way, please create a Playlist for all this videos series, that way we can continue the playlist without having to look for the next one, sometimes we find the one that does not follow the previews one.

[@codebrilliantly]

Great content!! Loving it

[@blassyussinaga7821]

Respect to your good work, thanks a lot

[@hamououyaba45]

Amazing tutorial, thanx a lot

[@createdbykoko]

Glad it helped!❤

[@batishqureshi]

Love your Videos!!!!

[@createdbykoko]

thanks batish!

[@dax0989]

Hey mitch whenever I log in a user it never goes back to the login page and always takes me to the signed in page how can I fix this

[@swagatbaruah522]

I'm having a problem and other than that everything's working fine. Problem: When I'm in my login screen and I click on the register button, its not changing the page and same goes for the sign in button in the register button. How can I solve this issue ?

[@moeenakhtar9702]

Have the same. Did you resolve it?

[@swagatbaruah522]

@@moeenakhtar9702 Nope not really bro :(.. Well i did something else and it kinda worked. Tbh I forgot what I did...

[@moeenakhtar9702]

@@swagatbaruah522 Stuck at the same problem. I hope ill find the solution.

[@fatimasanih8771]

@@moeenakhtar9702 did you figure out a solution? I am stuck here as well

[@derricktv4700]

@@fatimasanih8771 did you figure out a solution

[@darafital380]

Hello and thanks for this tutoriel... Which editor ur using VsCode ?

[@PropsZen]

So smooth

[@joeysupply]

Thank you. for cool tutorial

[@alierenbektas8120]

thank you bro. you my hero

[@ethanlim3097]

Hi Mitch hope u can see this! at ur HomePage the final user = FirebaseAuth.instance.currentUser!; and in the Text('Sign in as: " + user.email!), the ERROR say null operator is used on a null value. HOW TO SOLVE please any pro can help would be appreciated!

[@BeaconofHopeNetwork]

i seen in your video that you used dispose, what is different between initState and dispose, when the use them? Lastly, can i use firebase for offline apps? thanks

[@shankardas2378]

Hi @Mitch Koko, I love your tutorial because all of your video is very clean coding. Can you please make a Flutter Tutorial on login & logout * PHP/mySql database?

[@PeterWraaeMarino]

I also noticed you changed the code for the login page. Did I miss a tutorial where you refactored this part, because this made it hard to follow you since the code before does not match your code in this video.

[@muhendis_]

thank you again and again, and I'm wondering that how did you learn these ? on any videos or what 😱

[@createdbykoko]

no problem! i learned through youtube and google. and now with AI helps A LOT. Also remember there is always the official documentation for flutter that you can read. Good luck!

[@muhendis_]

@@createdbykoko thank you

[@lucasantoniodev]

Thanks bro

[@createdbykoko]

my pleasure

[@MohamedAhmed-ys2np]

Very good ❤️❤️❤️❤️love you

[@createdbykoko]

❤️love u too mohamed

[@wondermovies007]

so can i use the same method of Firebase that you have used here (IOS) for android also?

[@RajSuvin]

Hi, Thank you for your tutorial. I followed your video, but whenever i run the app. It will start with displaying the Home_page, but not the login_page. even though in the main.dart it was written to start with MainPage. How do you fix it?

[@Charlie-zd2dr]

well, it means that there is still an instance of Firebase user.

[@destryer5286]

write instead of Home_page to login_page

[@zagi97]

Hey nice tutorial i followed every step but FirebaseAuth is not defined, i imported firebase packege to the main.dart file, and i cannot use FirebaseAuth, other methods are available, i also tried to import 'package:firebase_auth/firebase_auth.dart'; but im getting error then

[@zagi97]

I have solved it by updating instnce of firebase_auth in pubspec.yaml, versions of cloud and auth didn't matched

[@riefkiariyanto6676]

Hi mitch, do you make some validation in other video when user input wrong password and will pop up some text or something? Cause mine its throw to some file (from flutter) when user not validate

[@wasih19]

Well explained🤜

[@createdbykoko]

My bro thanks wasih 👊🏾

[@Orobii69]

i keep getting these E/SurfaceSyncer( 9409): Failed to find sync for id=0 W/Parcel ( 9409): Expecting binder but got null! so the sign in button wont work

[@harshpatel9954]

Hey I dont know why my logout is not navigating back to login page what might be gone wring i have tried try and catch its shows iam logged out but its not navigating back cn any one help me here

[@ahmadnasir001]

your home_page code?

[@--Manoj007]

Where can we learn flutter UI CODE

[@XTh3reaperX]

Great tutorial bud, one question if the user doesn't exist it just doesn't say anything at all any idea how i can tell the user that?

[@Charlie-zd2dr]

you can do a try-catch for that, there are error codes that you can perform a switch-case for that matter.

[@ThomasSoto-hu1hc]

Hello once i hit log in i am receiving the error "Exception has occurred. FirebaseAuthException ([firebase_auth/operation-not-allowed] This operation is not allowed. This may be because the given sign-in provider is disabled for this Firebase project. Enable it in the Firebase console, under the sign-in method tab of the Auth section.)" Any suggestions on how to resolve this ?

[@ahmadtaho8653]

Please we need more tutoral like this in about firebase

[@yossmeh7297]

Very good tutorial! Unfortunately I have a problem and I don't know if someone else who is reading this comment has the same problem. When I run my application in the browser, the home screen does not appear, it is blank, and I do not see any errors in VS. I'm new to programming, does anyone know why this is happening?

[@ajimneville3659]

Hello, please did you finally find a solution?

[@Cool-ss7ph]

I previously have http dependency ^0.12.2 and adding firebase_Auth ^3.3.0 and firebase_core ^1.10.2 and even this firebase Auth as in the video is throwing an error .. can anyone help ??

[@inilonge2927]

Very cool content. Nice work! For the obscure text for the password, how would one add a show password button?

[@talhatahir461]

You mean, how to turn on and off password visibility ?

[@giaphucnguyennho6313]

a very simple approach is to have a bool to control it where you pass the value to the obscure text put a ternary operator depending on the bool you made. I guess there'd be better ways but you can try the solution above ;D

[@emilpadilla6792]

It says Ignoring header X-Firebase-Locale because its value was null. how do you fix this?

[@clovisstanford6515]

bro same problem any solution

[@PaschalAOgba]

finally! - firebase ✔ - http loading... Thanks, bro.

[@m.galihpratama3838]

GG bro, ty for your bless

[@zohaibabrar1543]

Hey, this is a technical question...i followed all the steps mentioned in setting up firebase at android and when i am going for 'run without debugging' It's asking for java sdk and all...whereas it is perfectly running through terminal. Should i continue with terminal one or what ? Anyone help plz 😊

[@exsample5000]

Please help I follow your tutorial , but I have a problem on my codes. I have my default home on my main.dart home: Hompage(); because I created a default hompage first. but I put a button which the user redirect to loginpage page.. when I change the home: hompage(); into home: MainPage(); just like what you did on the video. It will work, but when I pressed the back button on my smartphone it will close the app directly form my loginpage, instead of going onto my default homepage. Please help 😥

[@Charlie-zd2dr]

yes because there are no more widgets in the stack.

[@alzayn3618]

Thankyou✨ everything are okay I don't have error but when I try to login it wont work (it wont go to other page) it shows a msg: W/System ( 6186): Ignoring header X-Firebase-Locale because its value was null. D/FirebaseAuth( 6186): Notifying id token listeners about user ( Vz546Tc8cWgPm4UR8CSJOFN9nsI2 ). D/FirebaseAuth( 6186): Notifying auth state listeners about user ( Vz546Tc8cWgPm4UR8CSJOFN9nsI2 ). I try physical device it still the same. How to fix?

[@homerunner1834]

Same here bro

[@homerunner1834]

Found a fix?

[@ahmadtaho8653]

Huge Thanks

[@createdbykoko]

no problemo :D

[@vishnum8765]

How can i make a condition so it check whether the user is admin or normal user, if admin navigate to admin panel, else go to homepage?

[@jenskresel9357]

Sorry for this maybe dumb question. How does it know which Site has to be loaded after clicking sign in?

[@derricktv4700]

authstatechanges is responsible for that and you return a page if signin!

[@ahmadnasir001]

ok so how to display an error or dialog box when user enter wrong email or password

[@createdbykoko]

Hey just wanted to let u know i have an updated tutorial for this kzbin.info/www/bejne/lWS6Xn2rfrt5osksi=egrR_TDmYNukg0kD

[@seven-tq7jr]

for some reason i cant use GoogleFonts, put the right thing into the pubspec, idk! even imported the google fonts package

[@tnghieu]

Does sign out need a navigator to push to the Sign in screen if the sign out was deeper in the widget tree?

[@forktrader7870]

nope. he handled it on main page dart

[@betafishing495]

can you provide the code please? sign in sign up. Your code is very simple and easy to understand. pleaser make it public.

[@teekay1824]

hi! I'm having a problem with the controllers, when i put them under the textField widget the are showing an error! eg controller: _emailController, there will be an error under _emailController. can you help me! thanks!

[@createdbykoko]

have a look at 2:01 did you create the controllers?

[@teekay1824]

@@createdbykoko thanks i found the mistake. I set my TextField as a "const" thats why it was showing an error. so i just removed the const and it worked.

[@teekay1824]

Now i now another problem with password reset. On the app everything is working well but I'm not receiving the password reset link to my email. what might be the problem here.

[@teekay1824]

@@createdbykoko yes i did, i can sign in and sign out, when i try to reset the password the showDialog is popping but there is no link when i open my email

[@teekay1824]

maybe i made a mistake somewhere because i also try to create and store user data and i can not see it in firebase but i can see that the user has been created

[@Xjdx-o8h]

i cant find the video where u register the project android and then install it in flutter:(

[@TAMILGADGETS]

bro can you help me i do all your steps but finally i get FirebaseCoreException ([core/no-app] No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp()) this error. in main.dart file i initialied the app but this error was happen.

[@sujanmagar9795]

Why do currentuser and email both have a '!' after them? Could you please explain the purpose of the symbol? Thank you in advance.

[@createdbykoko]

It's for null safety, basically putting a '!' after a variable means you are telling the compiler that the variable is not null. Chcek out this post as well, stackoverflow.com/questions/65749204/dart-identifier-with-exclamation-mark-in-the-back I also recommend learning about null safety in general dart.dev/null-safety/faq

[@naimpanda8243]

@@createdbykoko I don't know why but user.email! is incorrect in my case :

[@mohamedbayoumy9510]

Thank you very match ❤❤❤❤❤❤ ..

[@clovisstanford6515]

E/flutter ( 8084): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: MissingPluginException(No implementation found for method Auth#signInWithEmailAndPassword on channel plugins.flutter.io/firebase_auth) WHAT DOES IT MEAN >

[@Iitaikoto-v8l]

you need to rebuild your app

[@tyc7444]

hi I have a problem when I open my application I have a blank page 😢

[@chobrandone6370]

this is only for ios i guest , it good but try to specify if it is for android or ios

[@createdbykoko]

No this should work for both ios and android

[@abdulrehman-hv1ol]

I am getting error Given string might be null Whenever i tap sign in button Can someone help me out?

[@bloodraptor4053]

after tapping on Sign In after button, i am not redirected to the Homepage, and it shows no errors too, idk what is wrong. any help would be appreciated.

[@mamekharyseye9675]

same problem

[@dosukoi8115]

so you guys found the solution yet?? I'm stuck for weeks now...

[@noorridwanmusa217]

Why my app not auto-direct to the home page when entering the correct account? When I restarted the application it go automatically to the home page and stated that the app had already been signed in.

[@noorridwanmusa217]

I wrote these codes to go to another page when success login in. FirebaseAuth.instance .authStateChanges() .listen((User? user) { if (user != null) { Navigator.pushReplacement(context, MaterialPageRoute(builder: (context)=>homePage())); } });

[@destryer5286]

@@noorridwanmusa217 bro where you wrote these code

[@dak5h700]

I can't get the sign in button to work. whenever I sign in it doesn't do anything.

[@createdbykoko]

For me to help u, u need to help urself! I will need more information. I recommend trying the tutorial again and check each step carefully. At what point does it not work? Does the debug console have an error? As a coder u have a to try to figure it out or at least say something more than “it doesnt work” 💜

[@forktrader7870]

invalid for android/windows. it needs to properly navigator push on main page if successful login.

[@pandoneyy7268]

first

[@createdbykoko]

too fast Pandoneyy

[@pandoneyy7268]

@@createdbykoko I was watching one of your videos when I got the notification :))

[@kalakgosimaritz4200]

I am getting Unhandled exception: Platform exception

[@JavohirMamatqulov-ty3om]

Thanks

[@thegeekspot5632]

2:41 the controller is not showing up. help with this error.

[@Atharva-hh1ew]

PlatformException (PlatformException(channel-error, Unable to establish connection on channel., null, null)) How to solve this error @Mitch Koko

[@Biinsrobert]

after i press the sign in button this comes out "Ignoring header X-Firebase-Locale because its value was null." hope you can help me.

[@melikeyldz962]

hey Vincent,did u find the solution?

[@renaldhif]

just ignore it. If you use emulator, you have to wait longer than physical device. Mine takes 3-4 mins to log in meanwhile on my phone only take 1-2 secs. Hope it helps!

[@TheWorldAgainstMe32]

Hello I have a question. I have very minimal experience with coding (very minimal) is this something I can learn just by tutorials or would school be required?

[@createdbykoko]

hellooo, in my opinion, school/university/college helps but is not required to be a coder. Being able to learn and teach yourself is the most important skill as a coder/programmer/software engineer. Thanks to the internet, you will rarely find a lack of resources to learn from. Even people that go through school end up having to learn most things by themselves. By the way, this particular framework, Flutter, is relatively new (4~5 years old) so they don't teach you this in school anyway. Technology changes so fast that being adaptable and constantly learning is normal for a coder. With that being said, tutorials are useful but if you REALLY want to be a good coder then maybe consider picking up a textbook about the fundamentals of programming first (it can take you very far). Your desire to learn this stuff is far more important than if you went to school. I hope this helps ❤️ Mitch

[@TheWorldAgainstMe32]

@@createdbykoko Wow thank you so much for your detailed response. There are so many programming languages it's confusing on which is the best to learn. As you said technology is constantly changing and it changes fast! I'm in a point in my life where I am tired of coasting, I want to do something with my life. I have always been fascinating with coding but never thought about taking it seriously until now. I truly believe it is something I would do and excel in but also have fun doing. If you can recommend any textbooks I would appreciate it. I had previously enrolled in a program called CS50 (it's free) where they taught basics of programming but it was all over the place with different languages. I want to stick to 1 and learn all I can from it. Im meaning to learn how to code so I can create apps for Androids. Not sure where to start lol.

[@ikram44]

this code is diferent from previous code? can i get the source file

[@ayushpandey5275]

Hey there I cannot signout to the login screen

[@عبدالكريمغنوم-ن3ض]

Thanks

[@omidelahi6196]

I have a problem with HomePage, its dosent show when clicking on signup btn!! I copied the codes same as yours

[@fatimasanih8771]

did you figure out a solution? I am stuck here as well

[@naufalfiroosasysyarif]

guys help, my login screen wont redirect me to home screen. but the login is successful

[@snwd992]

when I run the code, I am getting error in the "await Firebase.initialiseApp(); " line. It says "[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: PlatformException(channel-error, Unable to establish connection on channel., null, null)" and the app is blank. I have tried updating all dependencies and remedies given on stackoverflow for this problem but it is still not working. Can someone help me please :| T_T

[@badsoldier837]

is ur doubt solved?

[@snwd992]

@@badsoldier837 yeah

[@rpeg18]

@@snwd992 I have a similar error, can you explain the solution?

[@mubiitoedward4871]

without firebase its ok, but with firebase I get a blank output. Why?

[@createdbykoko]

Hey I’d like to help but I don’t understand your question

[@mjb8497]

did you fix your problem I have same issue

[@RajveerSingh-ee8ir]

Can you do speech to text in textfield?

[@createdbykoko]

yes I can! that sounds like an interesting idea :) I will do it soon

[@rafaeldumandan424]

can i ask use this code for android?

[@TheRRJShow]

Hey how do you make such intros which tool?

[@createdbykoko]

I made a video about this kzbin.info/www/bejne/oHurYqWKjs-Nh68

[@wasss3745]

how to registration do you have another vid?

[@createdbykoko]

Check out this playlist kzbin.info/aero/PLlvRDpXh1Se4wZWOWs8yapI8AS_fwDHzf

[@PeterWraaeMarino]

I watched the first tutorial and was good.. but this one you are jumping over important stuff like firebase and how to add packages. you are assuming we know all this which makes this video not for beginners.

[@shansalaayodya8149]

❤️

[@createdbykoko]

🍾🥂❤️

[@gededestrawan9997]

why my button not working too sign in?

[@createdbykoko]

I would like to help but you need to give me more information!

[@andyescobar7627]

good video

[@hinaqazi6344]

alot

[@dumbeat0]

Great video

[@mahmoudelashry1235]

FirebaseAuthException ([firebase_auth/unknown] com.google.firebase.FirebaseException: An internal error has occurred. [ CONFIGURATION_NOT_FOUND ]) This error message appear when I click on the sign in button and i've checked if the project ID in google-services.json file is the same as the project ID in firebase

[@hoodieboy9974]

Hi mitch, do you make some validation in other video when user input wrong password and will pop up some text or something? Cause mine its throw to some file (from flutter) when user not validate