Flutter Tutorial - Reset Password | Firebase Authentication 🔥 3/4 Email And Password

how to use firebase authentication to build a forgot password screen in flutter for requesting a reset of the user password let's start at the login widget that we have created in the last videos here on the right side and now inside the build method below our sign in button we want to create a gesture detector with a text forgot password so if we click on this forgot password text then we want to navigate to the forgot password page and this is a new page that we want to create so let's create a widget for god password page and with this we can click on this forgot password text inside the build message we want to create first of all a text form field which is our email field and this code is exactly the same as in the last videos where we have also some validation included and below this text form field we want to create a button with the text reset password if we click on this button we call a method verify email and inside of it we call the send password reset email from the firebase auth package and inside of it we put then the text of our email field inside by accessing the email controller which we have basically attached to our text form field and that i have created here at the top within our state so all in all if we call the send password reset email method then to this email that we provide an email will be sent to reset the password we also want to give the user in our app some feedback therefore we show a snack bar with the text that a password reset email was sent also we make sure that we put our case inside of a try and catch and in case some error occurs then we want to show again a snack bar with the error message similar to what we have learned in the last videos also before we send the password reset email we want to show inside of our ui a loading indicator that is showing as long as we need to execute this method and after it we can again hide the loading indicator by calling the pop until method or within our error case we call the pop method let's also try this example out we put an email inside that we also have inside of the firebase authentication server and then i click reset password and now it says password resent email was sent after this you can go to your email client and you should get this password reset email and inside of it you have this link on which you need to click then you can enter here a new password and click on save and it says the password was changed successfully back on the sign in screen you can enter this password that you have changed and after this you click on sign in and you see it is working we are signed in to our home area [Music] you

Channel: HeyFlutter․com

Views: 28,117

Keywords: change password, firebase, firebase auth password reset, firebase authentication, firebase flutter, flutter, flutter email password auth, flutter firebase auth reset password, flutter firebase reset password, flutter forgot password firebase, flutter login, forgot password, how to reset password, password, reset password, reset password flutter firebase, send password reset email

Id: JkQJQt_pQho

Length: 2min 55sec (175 seconds)

Published: Sun Jan 09 2022