Flutter计算器千位分隔符功能实现异常求助

以下是针对你的问题的具体排查步骤和可行解决方案：

一、核心排查方向 #

1. 检查控制器绑定与更新逻辑 #

确认Passclass中的TextEditingController是否与TextFormField正确绑定，且千位分隔逻辑确实更新了控制器的文本：

// 示例Passclass核心逻辑检查
class Passclass {
  final TextEditingController controller = TextEditingController();

  void formatNumber() {
    // 先移除已有逗号，避免重复处理
    String rawText = controller.text.replaceAll(',', '');
    if (rawText.isNotEmpty && int.tryParse(rawText) != null) {
      // 千位分隔格式化
      String formatted = NumberFormat.decimalPattern().format(int.parse(rawText));
      // 更新控制器文本
      controller.text = formatted;
      // 必须重置光标位置，否则光标会跳到文本开头
      controller.selection = TextSelection.fromPosition(
        TextPosition(offset: formatted.length)
      );
    }
  }
}

同时确认TextFormField是否正确关联该控制器：

TextFormField(
  controller: passClass.controller,
  // ...其他配置
)

2. 验证逻辑触发时机 #

检查千位分隔方法是否在正确的时机被调用：

• 输入框内容变化时：在TextFormField的onChanged回调中调用
• 数字按钮点击后：在按钮的onPressed中先更新原始数字，再调用格式化方法

// 示例：数字按钮点击逻辑
ElevatedButton(
  onPressed: () {
    // 先移除逗号，拼接新数字，再格式化
    String rawText = passClass.controller.text.replaceAll(',', '') + '1';
    passClass.controller.text = rawText;
    passClass.formatNumber();
  },
  child: const Text('1'),
)

3. 排查是否有逻辑覆盖结果 #

检查项目中是否有其他代码直接修改controller.text但绕过了千位分隔处理，比如清除按钮、运算符按钮的逻辑，确保所有修改输入框文本的操作都经过格式化处理。

4. 确认触发条件是否匹配集成场景 #

单独测试时的输入可能是纯整数，但集成后可能出现小数、空值或非数字字符，检查Passclass中的if判断条件是否覆盖这些场景：

• 如果支持小数，需改用double.tryParse，并分别处理整数和小数部分
• 避免因输入包含非数字字符导致逻辑不执行

5. 检查输入格式化器冲突 #

如果TextFormField设置了inputFormatters，确认是否有过滤逗号或覆盖格式化结果的配置，比如：

// 错误示例：FilteringTextInputFormatter会过滤掉逗号
inputFormatters: [FilteringTextInputFormatter.digitsOnly],

如需保留逗号，需自定义输入格式化器，或调整过滤规则。

二、更可靠的替代方案：自定义InputFormatter #

手动调用格式化方法容易遗漏触发时机，推荐使用TextInputFormatter自动处理输入：

class ThousandsSeparatorInputFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    if (newValue.text.isEmpty) return newValue.copyWith(text: '');
    
    // 移除所有逗号，清理输入
    String cleanText = newValue.text.replaceAll(',', '');
    final number = int.tryParse(cleanText);
    if (number == null) return oldValue; // 非数字输入，保持原内容

    // 千位分隔格式化
    String formattedText = NumberFormat.decimalPattern().format(number);
    
    // 返回格式化后的内容，保持光标在末尾
    return TextEditingValue(
      text: formattedText,
      selection: TextSelection.collapsed(offset: formattedText.length),
    );
  }
}

在TextFormField中使用：

TextFormField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    FilteringTextInputFormatter.digitsOnly, // 只允许输入数字
    ThousandsSeparatorInputFormatter(),
  ],
)

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