Flutter中TextFormField密码显示/隐藏功能死代码问题修复求助

问题核心原因 #

Ionicons.eye被标记为死代码，说明该分支逻辑永远不会触发，大概率是密码可见性状态的判断、状态更新逻辑不统一导致的。

常见错误场景及修复 #

错误代码示例（导致死代码） #

bool _isPasswordVisible = false;

// ...

TextFormField(
  // 错误：obscureText逻辑与状态变量不匹配
  obscureText: _isPasswordVisible,
  decoration: InputDecoration(
    suffixIcon: IconButton(
      icon: Icon(
        // 图标判断逻辑和obscureText冲突
        _isPasswordVisible ? Ionicons.eye_off : Ionicons.eye,
      ),
      onPressed: () {
        setState(() {
          // 错误：状态未取反，永远不变
          _isPasswordVisible = _isPasswordVisible;
        });
      },
    ),
  ),
)

正确实现代码 #

确保三个核心逻辑统一：

1. obscureText：密码隐藏时为true，显示时为false
2. 图标切换：隐藏时显示eye（点击显示密码），显示时显示eye_off（点击隐藏密码）
3. 状态更新：点击图标时对状态变量取反

bool _isPasswordVisible = false;

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Padding(
      padding: const EdgeInsets.all(16.0),
      child: TextFormField(
        // 密码隐藏状态与_isPasswordVisible反向绑定
        obscureText: !_isPasswordVisible,
        decoration: InputDecoration(
          labelText: '密码',
          suffixIcon: IconButton(
            // 状态为true（密码显示）时显示关闭图标，否则显示打开图标
            icon: Icon(
              _isPasswordVisible ? Ionicons.eye_off : Ionicons.eye,
            ),
            onPressed: () {
              setState(() {
                // 点击切换状态
                _isPasswordVisible = !_isPasswordVisible;
              });
            },
          ),
        ),
      ),
    ),
  );
}

排查步骤 #

1. 检查obscureText的取值是否与状态变量逻辑匹配，确保密码隐藏/显示的状态对应正确
2. 确认图标切换的三元表达式，状态变量的真假值对应正确的图标
3. 验证setState中的状态更新逻辑，必须对状态变量取反，而非赋值为自身

内容的提问来源于stack exchange，提问作者Syed Mujtaba Ali