Flutter调用Firebase重置密码：Fluttertoast不显示且成功Alert未触发

调用Firebase的resetPassword方法时遇到以下情况：

• 捕获错误时预期显示Fluttertoast，但Toast未出现，说明try代码块已正常执行
• 打印方法返回结果为null，同时能收到密码重置邮件，证明方法运行正常
• 需求：找出代码问题，确保重置邮件发送成功时显示Flutter Alert提示用户

相关代码：

重置密码方法 #

Future resetPassword({required String email}) async {
try {
  await _auth.sendPasswordResetEmail(email: email);
} catch (error) {
  Fluttertoast.showToast(
      msg: error.toString(),
      gravity: ToastGravity.TOP,
      backgroundColor: Colors.black,
      textColor: Colors.white);
  return null;
}
}

点击事件处理 #

onPressed: () async {
                  dynamic result =
                      await _auth.resetPassword(email: mailController.text);
                  print(result);
                  if (result != null) {
                    setState(() {
                      Alert(
                        context: context,
                        type: AlertType.error,
                        title: "E-mail sent",
                        desc:
                            "Please check your inbox and junk folder for the password reset mail.",
                        buttons: [
                          DialogButton(
                            child: Text(
                              "OK",
                              style: TextStyle(
                                  color: Colors.white, fontSize: 20),
                            ),
                            onPressed: () => Navigator.pop(context),
                            width: 120,
                          )
                        ],
                      ).show();

核心问题出在resetPassword方法的返回值逻辑：

• 当密码重置邮件发送成功时，try块执行完毕后没有任何返回语句，方法默认返回null
• 点击事件里的判断条件是if (result != null)，永远无法满足，所以Alert根本不会触发

1. 修改重置密码方法，添加成功返回标识 #

给方法指定返回类型，并在成功时返回true，错误时返回false，明确区分成功/失败状态：

Future<bool?> resetPassword({required String email}) async {
  try {
    await _auth.sendPasswordResetEmail(email: email);
    return true; // 成功发送邮件返回true
  } catch (error) {
    Fluttertoast.showToast(
        msg: error.toString(),
        gravity: ToastGravity.TOP,
        backgroundColor: Colors.black,
        textColor: Colors.white);
    return false; // 出错时返回false
  }
}

2. 调整点击事件的判断逻辑 #

根据返回的true来触发成功Alert，同时去掉多余的setState（显示Alert不需要更新页面状态），并把Alert类型改成success更贴合场景：

onPressed: () async {
  bool? result = await _auth.resetPassword(email: mailController.text);
  print(result);
  if (result == true) {
    Alert(
      context: context,
      type: AlertType.success,
      title: "邮件已发送",
      desc: "请检查你的收件箱和垃圾邮件文件夹，查看密码重置邮件。",
      buttons: [
        DialogButton(
          child: Text(
            "确定",
            style: TextStyle(color: Colors.white, fontSize: 20),
          ),
          onPressed: () => Navigator.pop(context),
          width: 120,
        )
      ],
    ).show();
  }
}

额外优化点 #

• 原代码中setState完全多余，因为Alert的显示不需要触发组件重建，直接调用show()即可
• Alert类型从error改为success，视觉上更符合成功操作的提示场景

内容的提问来源于stack exchange，提问作者cipano