Flutter:重置密码将我带到主页而不是返回登录页面
Flutter: Reset Password takes me to Home Page instead of back to Login Page
我是 Flutter 的新手,当我在重置密码时按提交时,会发送一封重置电子邮件,但是我导航到我的主页而不是返回我的登录页面。我做错了什么。
代码如下:
import 'package:flutter/material.dart';
import 'stacked_icons.dart';
import 'auth.dart';
class LoginPage extends StatefulWidget {
LoginPage({this.auth, this.onSignedIn});
final BaseAuth auth;
final VoidCallback onSignedIn;
@override
State<StatefulWidget> createState() => _LoginPage();
}
enum FormType {
login,
register,
reset
}
class _LoginPage extends State<LoginPage> {
final formKey = new GlobalKey<FormState>();
String _email;
String _password;
String _name;
FormType _formType = FormType.login;
bool validateAndSave() {
final form = formKey.currentState;
if (form.validate()) {
form.save();
return true;
}
return false;
}
void validateAndSubmit() async {
if (validateAndSave()) {
try {
if (_formType == FormType.login) {
String userId = await widget.auth.singInWithEmailAndPassword(_email, _password);
print('Signed in: $userId');
} else if (_formType == FormType.reset){
await widget.auth.sendPasswordResetEmail(_email);
print("Password reset email sent");
//Navigator.of(context).pushReplacementNamed ('moveToReset');
setState(() {
_formType = FormType.login;
});
} else if (_formType == FormType.register){
String userId = await widget.auth.createUserWithEmailAndPassword(_email, _password, _name);
print('Registered user: $userId');
setState(() {
_formType = FormType.login;
});
}
widget.onSignedIn();
} catch (e) {
print('Error: $e');
showDialog(
context: context,
builder: (context){
return AlertDialog(
title: Text('Sign in failed'),
content: Text(e.toString()),
actions: [
FlatButton(
child: Text('OK'),
onPressed: () => Navigator.of(context).pop(),
),
],
);
}
);
}
}
}
void moveToRegister(){
formKey.currentState.reset();
setState(() {
_formType = FormType.register;
});
}
void moveToLogin(){
formKey.currentState.reset();
setState(() {
_formType = FormType.login;
});
}
void moveToReset(){
formKey.currentState.reset();
setState(() {
_formType = FormType.reset;
});
}
这是提交按钮的片段
else if (_formType == FormType.reset){
return [
new Row(
children: <Widget>[
Expanded(
child: Padding(
padding: const EdgeInsets.only(
left: 20.0, right: 20.0, top: 10.0),
child: GestureDetector(
onTap: () {
validateAndSubmit();
},
child: new Container(
alignment: Alignment.center,
height: 60.0,
decoration: new BoxDecoration(
color: Color(0xFF18D191),
borderRadius: BorderRadius.circular(10.0)),
child: new Text(
"Submit",
style: new TextStyle(
fontSize: 20.0, color: Colors.white),
),
),
),
),
),
],
),
重置后请发送正确的代码以导航回登录。
我试过 Navigator.pushReplacementNamed 但是我不知道如何实现字符串。
我也尝试了 Navigator.pop,当我按下提交按钮时,我收到了错误消息。
我的假设是 setState 会完成这项工作,但我发现它不起作用或者我没有正确放置它。
如上所述,我对 Flutter 还是个新手,我正在努力找出我哪里出错了。
您没有根据您的用例正确处理您的重置案例。
有注释掉的导航代码可以导航到 moveToReset 页面。
//Navigator.of(context).pushReplacementNamed ('moveToReset');
我建议使用您的 moveToLogin()
方法并更改其逻辑以包含到实际登录页面的导航。它的方法名称误导了它包含的当前逻辑。
https://flutter.dev/docs/cookbook/navigation/named-routes
可能的解决方案:
定义一个 ResetPage 小部件和一个到它的路径。
将以下内容添加到 else if(_formType == FormType.reset)
中的 validateOnSubmit
Navigator.pushNamed(上下文, '/yourResetPageRoute');
这样您将使用路由器和新页面。
- 另一个简单显示重置表单的选项是您在第二个代码片段中开始的方法。您 return 一个小部件(行),您可以向其添加重置表单。这不是单独的页面,也不使用路由。
我是 Flutter 的新手,当我在重置密码时按提交时,会发送一封重置电子邮件,但是我导航到我的主页而不是返回我的登录页面。我做错了什么。
代码如下:
import 'package:flutter/material.dart';
import 'stacked_icons.dart';
import 'auth.dart';
class LoginPage extends StatefulWidget {
LoginPage({this.auth, this.onSignedIn});
final BaseAuth auth;
final VoidCallback onSignedIn;
@override
State<StatefulWidget> createState() => _LoginPage();
}
enum FormType {
login,
register,
reset
}
class _LoginPage extends State<LoginPage> {
final formKey = new GlobalKey<FormState>();
String _email;
String _password;
String _name;
FormType _formType = FormType.login;
bool validateAndSave() {
final form = formKey.currentState;
if (form.validate()) {
form.save();
return true;
}
return false;
}
void validateAndSubmit() async {
if (validateAndSave()) {
try {
if (_formType == FormType.login) {
String userId = await widget.auth.singInWithEmailAndPassword(_email, _password);
print('Signed in: $userId');
} else if (_formType == FormType.reset){
await widget.auth.sendPasswordResetEmail(_email);
print("Password reset email sent");
//Navigator.of(context).pushReplacementNamed ('moveToReset');
setState(() {
_formType = FormType.login;
});
} else if (_formType == FormType.register){
String userId = await widget.auth.createUserWithEmailAndPassword(_email, _password, _name);
print('Registered user: $userId');
setState(() {
_formType = FormType.login;
});
}
widget.onSignedIn();
} catch (e) {
print('Error: $e');
showDialog(
context: context,
builder: (context){
return AlertDialog(
title: Text('Sign in failed'),
content: Text(e.toString()),
actions: [
FlatButton(
child: Text('OK'),
onPressed: () => Navigator.of(context).pop(),
),
],
);
}
);
}
}
}
void moveToRegister(){
formKey.currentState.reset();
setState(() {
_formType = FormType.register;
});
}
void moveToLogin(){
formKey.currentState.reset();
setState(() {
_formType = FormType.login;
});
}
void moveToReset(){
formKey.currentState.reset();
setState(() {
_formType = FormType.reset;
});
}
这是提交按钮的片段
else if (_formType == FormType.reset){
return [
new Row(
children: <Widget>[
Expanded(
child: Padding(
padding: const EdgeInsets.only(
left: 20.0, right: 20.0, top: 10.0),
child: GestureDetector(
onTap: () {
validateAndSubmit();
},
child: new Container(
alignment: Alignment.center,
height: 60.0,
decoration: new BoxDecoration(
color: Color(0xFF18D191),
borderRadius: BorderRadius.circular(10.0)),
child: new Text(
"Submit",
style: new TextStyle(
fontSize: 20.0, color: Colors.white),
),
),
),
),
),
],
),
重置后请发送正确的代码以导航回登录。
我试过 Navigator.pushReplacementNamed 但是我不知道如何实现字符串。
我也尝试了 Navigator.pop,当我按下提交按钮时,我收到了错误消息。
我的假设是 setState 会完成这项工作,但我发现它不起作用或者我没有正确放置它。
如上所述,我对 Flutter 还是个新手,我正在努力找出我哪里出错了。
您没有根据您的用例正确处理您的重置案例。 有注释掉的导航代码可以导航到 moveToReset 页面。
//Navigator.of(context).pushReplacementNamed ('moveToReset');
我建议使用您的 moveToLogin()
方法并更改其逻辑以包含到实际登录页面的导航。它的方法名称误导了它包含的当前逻辑。
https://flutter.dev/docs/cookbook/navigation/named-routes
可能的解决方案:
定义一个 ResetPage 小部件和一个到它的路径。 将以下内容添加到
中的 validateOnSubmitelse if(_formType == FormType.reset)
Navigator.pushNamed(上下文, '/yourResetPageRoute');
这样您将使用路由器和新页面。
- 另一个简单显示重置表单的选项是您在第二个代码片段中开始的方法。您 return 一个小部件(行),您可以向其添加重置表单。这不是单独的页面,也不使用路由。