Flutter TextFormField如何配置为仅允许数字（含正负小数）或字母X输入？

你的问题出在两个FilteringTextInputFormatter.allow规则的叠加逻辑上：这类格式化器是按顺序过滤字符，第一个规则只保留小数相关字符，第二个只保留x/X，两者的交集为空，导致输入任何字符都会被过滤掉，所以文本框无响应。

要实现「仅允许纯正负小数或纯x/X，禁止混合输入」的需求，建议使用自定义输入格式化器来整体校验输入文本的合法性，而不是拆分多个规则。具体实现如下：

1. 自定义输入格式化器 #

创建一个继承自TextInputFormatter的类，校验每次输入后的文本是否符合允许的模式（包括中间输入状态，比如单独输入-是允许的，因为后续可以补充数字）：

class DecimalOrXFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    final newText = newValue.text;
    // 允许的输入状态：空、单独的-、合法正负小数、单独的x/X
    final validPattern = RegExp(r'^(-?(\d+(\.\d*)?|\d*\.\d+)|-|[xX])$');
    if (validPattern.hasMatch(newText)) {
      return newValue;
    }
    // 不符合规则则保留旧输入
    return oldValue;
  }
}

2. 配置TextFormField #

替换原来的inputFormatters为自定义格式化器，同时添加validator确保提交时的输入是最终合法状态（比如不能停留在单独的-）：

TextFormField(
  inputFormatters: [
    DecimalOrXFormatter(),
  ],
  onChanged: (value) {
    setState(() {
      fieldPointX = value;
    });
  },
  decoration: InputDecoration(
    border: OutlineInputBorder(),
    labelText: 'X'
  ),
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请输入内容';
    }
    // 最终合法的输入：完整正负小数或单独的x/X
    final finalValidPattern = RegExp(r'^-?\d+(\.\d*)?$|^-?\d*\.\d+$|^[xX]$');
    if (!finalValidPattern.hasMatch(value)) {
      return '请输入合法的小数或X/x';
    }
    return null;
  },
),

规则说明 #

• 允许的输入包括：-1、-1.234、10、5.8、X、x
• 禁止的输入包括：.123、-.123、1.2x、3X、单独的-（提交时会被validator拦截）

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