📱Login & Logout • Firebase x Flutter Tutorial ♡
Vložit
- čas přidán 26. 04. 2022
- 💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
📱 TIKTOK • @createdbykoko
📱 INSTAGRAM • @createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
firebase flutter sql ios android development app mobile cross platform ui design flutter java login screen tutorial minimal clean dribbble programming coding backend frontend sign in sign up login register user
#flutter #createdbykoko - Věda a technologie
🔥📱 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 - czcams.com/video/aJdIkRipgSk/video.html
Firebase Setup for IOS - czcams.com/video/hy0NtR0NW4Q/video.html
Firebase Setup for Android - czcams.com/video/sz4slPFwEvs/video.html
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
Hello Mitch..
How can a user login with just username and password??
Bro I just want to contact u
To get rid of the overflow problem when using keyboard, you can also set 'resizeToAvoidBottomInset' to false in the Scaffold widget.
Underrated comment ty
ah saviour!!!!
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 !!
THANK YOU!!
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
Thanks Ansari! 👨🏽💻❤️
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
Your teaching style is perfect! Straight to the point, and still a neat looking functional app in no time!
Great quality videos, excellent production, no glaring background soundtrack. Really, really good!
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!
Glad i could help 👨🏽💻❤️
This video and this playlist are incredibly helpful, thank you so much for making these
My pleasure haha glad it helps
Thanks for these tutorials. Firebase is just what I need. Looking forward to the future firebase videos
my pleasure :D firebase is so useful❤️
Thank you so much for the tutorial Mitch. You helped me a lot :") eventho I sometime still confused
Another great video mitch!
you explained it very easily. need to do this.
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',
),
),
),
),
),
Been waiting for this one! Clean work, keep it up 🙌🏻
Yay hope it helps. I'm going to continue this in the next video with registering users and so on :D see u there
@@createdbykoko already booked my seat 👌🏻
Respect to your good work, thanks a lot
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.
Great content!! Loving it
Hello and thanks for this tutoriel...
Which editor ur using VsCode ?
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
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?
Most easiest and well defined ❤️
Thanks aakash! 😘🌹
@@createdbykoko Learning a lot of things from your content brother ❤️🎉
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
Amazing tutorial, thanx a lot
Glad it helped!❤
Thank you. for cool tutorial
So smooth
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
thank you bro. you my hero
Love your Videos!!!!
thanks batish!
Hello!!! From Argentina again!!!! Thank you!!!! You are Amazing Broh!!!
No worries brotha. Go messi!! 🇦🇷🇦🇷🇦🇷🇦🇷
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 😊
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 ??
for some reason i cant use GoogleFonts, put the right thing into the pubspec, idk! even imported the google fonts package
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
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?
so can i use the same method of Firebase that you have used here (IOS) for android also?
hey my application have mmultiple pages and one them routes to profile page where logout is provided and whenever I am clicking on logout it shows that user is logged out in my terminal but on app it stays there only can anyone help me regarding that
invalid for android/windows. it needs to properly navigator push on main page if successful login.
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!
Where can we learn flutter UI CODE
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 ?
I am getting error
Given string might be null
Whenever i tap sign in button
Can someone help me out?
this code is diferent from previous code? can i get the source file
i cant find the video where u register the project android and then install it in flutter:(
Hey there I cannot signout to the login screen
Please we need more tutoral like this in about firebase
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.
Thanks bro
my pleasure
guys help, my login screen wont redirect me to home screen. but the login is successful
Bro my flutter is not give option to write Firebase it showing error
Does sign out need a navigator to push to the Sign in screen if the sign out was deeper in the widget tree?
nope. he handled it on main page dart
2:41 the controller is not showing up. help with this error.
hi I have a problem when I open my application I have a blank page 😢
can you provide the code please? sign in sign up. Your code is very simple and easy to understand. pleaser make it public.
can i ask use this code for android?
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?
you can do a try-catch for that, there are error codes that you can perform a switch-case for that matter.
Very good ❤️❤️❤️❤️love you
❤️love u too mohamed
finally!
- firebase ✔
- http loading...
Thanks, bro.
Huge Thanks
no problemo :D
GG bro, ty for your bless
Sorry for this maybe dumb question. How does it know which Site has to be loaded after clicking sign in?
authstatechanges is responsible for that and you return a page if signin!
Well explained🤜
My bro thanks wasih 👊🏾
I am getting Unhandled exception: Platform exception
PlatformException (PlatformException(channel-error, Unable to establish connection on channel., null, null))
How to solve this error @Mitch Koko
Great video
Thanks
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?
well, it means that there is still an instance of Firebase user.
write instead of Home_page to login_page
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
I have solved it by updating instnce of firebase_auth in pubspec.yaml, versions of cloud and auth didn't matched
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 😥
yes because there are no more widgets in the stack.
Thank you very match ❤❤❤❤❤❤ ..
Can you do speech to text in textfield?
yes I can! that sounds like an interesting idea :) I will do it soon
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?
Hello, please did you finally find a solution?
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
your home_page code?
ok so how to display an error or dialog box when user enter wrong email or password
Hey just wanted to let u know i have an updated tutorial for this czcams.com/video/_3W-JuIVFlg/video.htmlsi=egrR_TDmYNukg0kD
Very cool content. Nice work!
For the obscure text for the password, how would one add a show password button?
You mean, how to turn on and off password visibility ?
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
I can't get the sign in button to work. whenever I sign in it doesn't do anything.
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” 💜
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 ?
Have the same. Did you resolve it?
@@moeenakhtar9702 Nope not really bro :(.. Well i did something else and it kinda worked. Tbh I forgot what I did...
@@swagatbaruah522 Stuck at the same problem. I hope ill find the solution.
@@moeenakhtar9702 did you figure out a solution? I am stuck here as well
@@fatimasanih8771 did you figure out a solution
It says Ignoring header X-Firebase-Locale because its value was null.
how do you fix this?
bro same problem any solution
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.
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()));
}
});
@@noorridwanmusa217 bro where you wrote these code
Why do currentuser and email both have a '!' after them? Could you please explain the purpose of the symbol? Thank you in advance.
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
@@createdbykoko I don't know why but user.email! is incorrect in my case :
thank you again and again, and I'm wondering that how did you learn these ? on any videos or what 😱
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!
@@createdbykoko thank you
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?
Same here bro
Found a fix?
first
too fast Pandoneyy
@@createdbykoko I was watching one of your videos when I got the notification :))
Hey how do you make such intros which tool?
I made a video about this czcams.com/video/jJH1rTYjZQM/video.html
I have a problem with HomePage, its dosent show when clicking on signup btn!! I copied the codes same as yours
did you figure out a solution? I am stuck here as well
this is only for ios i guest , it good but try to specify if it is for android or ios
No this should work for both ios and android
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
>
you need to rebuild your app
why my button not working too sign in?
I would like to help but you need to give me more information!
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.
same problem
so you guys found the solution yet?? I'm stuck for weeks now...
how to registration do you have another vid?
Check out this playlist czcams.com/play/PLlvRDpXh1Se4wZWOWs8yapI8AS_fwDHzf.html
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!
have a look at 2:01 did you create the controllers?
@@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.
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.
@@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
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
❤️
🍾🥂❤️
good video
without firebase its ok, but with firebase I get a blank output. Why?
Hey I’d like to help but I don’t understand your question
did you fix your problem I have same issue
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
is ur doubt solved?
@@badsoldier837 yeah
@@durgeshanand992 I have a similar error, can you explain the solution?
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?
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
@@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.
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.
hey Vincent,did u find the solution?
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!
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.
alot
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.
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