Flutter技术问题：如何验证表单中用户输入的浮点数

嘿，看你已经在尝试用TextFormField实现浮点数输入控制了，思路是对的！这里给你几个实用的优化点和补充建议，让你的实现更健壮：

1. 替换废弃的输入格式化器 #

首先注意：WhitelistingTextInputFormatter在Flutter 2.0及以上版本已经被官方标记为废弃了，推荐使用FilteringTextInputFormatter.allow()来替代，功能完全一致但更符合当前的API规范。

2. 优化键盘类型 #

把keyboardType: TextInputType.number改成TextInputType.numberWithOptions(decimal: true)，这样在iOS和Android平台都会调出带有小数点的数字键盘，用户输入更顺手。

3. 正则表达式的边界情况调整 #

你用的正则r'[+-]?([0-9]*[.])?[0-9]+'已经能匹配大部分合法浮点数（比如12.830、-0.5、+99、123），但可以根据需求调整：

• 如果不想允许.123这种无前缀数字的小数，把正则改成r'[+-]?([0-9]+[.])?[0-9]*'
• 如果不需要支持正负号，直接去掉[+-]?部分

4. 补充表单验证逻辑 #

输入格式化只是阻止非法字符输入，建议加上validator回调，在表单提交时做最终校验，给用户明确的错误提示：

完整示例代码 #

TextFormField(
  controller: amt_invested,
  keyboardType: TextInputType.numberWithOptions(decimal: true),
  inputFormatters: [
    FilteringTextInputFormatter.allow(RegExp(r'[+-]?([0-9]*[.])?[0-9]+')),
  ],
  decoration: const InputDecoration(
    filled: true,
    fillColor: Colors.grey[200],
    labelText: "投资金额",
    border: OutlineInputBorder(),
  ),
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请输入投资金额';
    }
    // 尝试解析为double，确保输入是有效的浮点数
    if (double.tryParse(value) == null) {
      return '请输入有效的数字';
    }
    return null;
  },
)

这样调整后，你的浮点数输入控件不仅能限制非法输入，还能在用户操作出错时给出清晰提示，体验会好很多～

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