Flutter Web求助：获取掩码密码输入框的明文并存入变量

正常情况下，Flutter原生TextFormField设置obscureText: true仅会改变显示效果，TextEditingController的text属性始终存储用户输入的明文。你遇到的拿到掩码文本的情况属于异常，大概率是代码中存在篡改控制器文本的逻辑，以下是具体排查和解决步骤：

排查方向与解决方法 #

• 检查输入格式化器（InputFormatter）：如果给TextFormField添加了inputFormatters参数，确认其中没有将输入文本转换为掩码的逻辑。比如这类错误代码会直接覆盖明文：

  // 绝对不能用在密码输入框的错误示例
  inputFormatters: [MaskTextInputFormatter(mask: '****')]
  

  直接删除此类会修改输入文本的格式化器。

• 检查onChanged或其他回调的手动修改：确认是否在onChanged、onEditingComplete等回调中，手动将控制器文本替换为掩码字符。比如：

  // 错误逻辑：覆盖了明文密码
  onChanged: (value) {
    passwordController.text = '*' * (value.length -1) + value.last;
  }
  

  回调仅用于输入校验、状态通知等逻辑，不能修改passwordController.text的值。

• 确认组件来源：如果使用第三方密码输入组件（如自定义PasswordField），检查组件文档是否有特殊配置导致存储掩码。若无法解决，直接替换为Flutter原生TextFormField测试。

• 最小化测试验证：新建干净项目，仅保留基础密码输入和获取逻辑，验证是否正常工作：

  import 'package:flutter/material.dart';
  
  void main() => runApp(const MyApp());
  
  class MyApp extends StatelessWidget {
    const MyApp({super.key});
  
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: Scaffold(
          body: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const PasswordInput(),
                ElevatedButton(
                  onPressed: () {
                    print('明文密码：${PasswordInput.passwordController.text}');
                  },
                  child: const Text('获取密码'),
                )
              ],
            ),
          ),
        ),
      );
    }
  }
  
  class PasswordInput extends StatelessWidget {
    static final passwordController = TextEditingController();
    const PasswordInput({super.key});
  
    @override
    Widget build(BuildContext context) {
      return TextFormField(
        obscureText: true,
        controller: passwordController,
        decoration: const InputDecoration(
          hintText: "Password",
          isDense: true,
          border: OutlineInputBorder(
            borderRadius: BorderRadius.all(Radius.circular(10)),
          ),
        ),
      );
    }
  }
  

  运行后输入1234点击按钮，控制台应输出明文密码：1234。若此测试正常，说明原项目中存在其他干扰代码。

• 检查状态管理工具：如果使用Provider、GetX等状态管理工具，确认是否不小心将掩码文本同步到了密码控制器中。

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