Flutter项目中FirebaseAuth onError触发后添加提示行的实现问题

你的问题在于仅返回了Row组件，但没有通过状态管理让它在界面上渲染出来。Flutter是声明式UI框架，需要通过状态变量控制组件的显示与隐藏，具体实现步骤如下：

1. 确保当前页面是StatefulWidget，添加状态变量控制错误提示的显示：

bool _showLoginError = false;
// 可选：如果需要显示不同错误信息，可再加一个字符串变量
String _errorMessage = "";

2. 修改登录回调的onError逻辑，通过setState更新状态触发UI重绘：

signInAndUpButton(context, true, () {
  FirebaseAuth.instance
      .signInWithEmailAndPassword(
          email: _emailTextController.text,
          password: _passwordTextController.text)
      .then((value) {
    print("登录成功");
    Navigator.pushNamed(context, "/Profile");
    // 登录成功后隐藏错误提示
    setState(() {
      _showLoginError = false;
    });
  }).onError((error, stackTrace) {
    print("登录失败：${error.toString()}");
    // 根据Firebase错误码设置精准提示
    String errorMsg;
    if (error is FirebaseAuthException) {
      switch (error.code) {
        case 'user-not-found':
          errorMsg = "该邮箱未注册";
          break;
        case 'wrong-password':
          errorMsg = "密码错误";
          break;
        default:
          errorMsg = "邮箱或密码错误";
      }
    } else {
      errorMsg = "登录失败，请重试";
    }
    setState(() {
      _showLoginError = true;
      _errorMessage = errorMsg;
    });
  });
})

3. 调整错误提示组件的实现（或直接写入布局）：

Widget buildLoginErrorRow() {
  return Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Text("$_errorMessage，",
          style: TextStyle(color: hexStringToColor("#2c3333"))),
      GestureDetector(
          onTap: () {
            Navigator.push(context,
                MaterialPageRoute(builder: (context) => ForgotPassword()));
          },
          child: Text(
            "忘记密码？",
            style: TextStyle(
                decoration: TextDecoration.underline,
                color: hexStringToColor("#252B2B"),
                fontWeight: FontWeight.bold),
          ))
    ],
  );
}

4. 在页面的build方法中，根据状态变量决定是否渲染错误提示：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // 邮箱输入框、密码输入框、登录按钮等原有布局
        TextField(controller: _emailTextController, hintText: "输入邮箱"),
        TextField(controller: _passwordTextController, hintText: "输入密码"),
        signInAndUpButton(context, true, /* 你的回调逻辑 */),
        
        // 错误提示行，仅在_showLoginError为true时显示
        if (_showLoginError) buildLoginErrorRow(),
      ],
    ),
  );
}

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