[Flutter] TextField 中只允许输入合法的小数

最新推荐文章于 2024-03-22 09:46:34 发布

weixin_33868027

最新推荐文章于 2024-03-22 09:46:34 发布

阅读量512

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/yangyxd/p/9639588.html

本文介绍了一个自定义的Flutter TextInputFormatter组件，该组件能够确保TextField仅接收有效的小数输入，并保持光标位置正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

的Flutter的TextField中，我们可以通过设置inputFormatters来过滤和限制输入的内容。

下面是一个自定义的 TextInputFormatter，可以限制用户只能输入有效的整数和小数。

// 只允许输入小数
class _UsNumberTextInputFormatter extends TextInputFormatter {
  static const defaultDouble = 0.001;
  static double strToFloat(String str, [double defaultValue = defaultDouble]) {
    try {
      return double.parse(str);
    } catch (e) {
      return defaultValue;
    }
  }

  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    String value = newValue.text;
    int selectionIndex = newValue.selection.end;
    if (value == ".") {
      value = "0.";
      selectionIndex++;
    } else if (value != "" && value != defaultDouble.toString() && strToFloat(value, defaultDouble) == defaultDouble) {
      value = oldValue.text;
      selectionIndex = oldValue.selection.end;
    }
    return new TextEditingValue(
      text: value,
      selection: new TextSelection.collapsed(offset: selectionIndex),
    );
  }
}