Flutter自定义TextInputFormatter实现金额输入框，同时解决iOS数字键盘不能输入小数点的问题

在Flutter中，你可以通过自定义TextInputFormatter来实现金额输入框，并解决iOS数字键盘无法输入小数点的问题。以下是一个简单的实现示例：

import 'package:flutter/services.dart';
 
class MoneyInputFormatter extends TextInputFormatter {
  final int decimalPlaces;
 
  MoneyInputFormatter(this.decimalPlaces);
 
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    // 移除输入值中的所有非数字和小数点字符
    String filteredNewValue = newValue.text.replaceAll(RegExp(r'[^0-9.]'), '');
    // 如果输入了小数点，则只保留第一个小数点
    if (filteredNewValue.contains('.') && filteredNewValue.split('.').length > 2) {
      filteredNewValue = filteredNewValue.substring(0, filteredNewValue.indexOf('.'));
    }
    // 如果有小数位数限制，则保留相应的小数位数
    if (filteredNewValue.contains('.') && filteredNewValue.split('.').last.length > decimalPlaces) {
      filteredNewValue = '${filteredNewValue.substring(0, filteredNewValue.length - 1)}';
    }
    // 如果输入的是0开头后面跟小数点的情况，则直接返回0
    if (filteredNewValue == '.') {
      filteredNewValue = '0';
    }
    return newValue.copyWith(
      text: filteredNewValue,
      selection: new TextSelection.collapsed(offset: newValue.selection.end),
    );
  }
}
 
// 使用
TextField(
  inputFormatters: [
    MoneyInputFormatter(2), // 设置小数点后的位数为2
  ],
  decoration: InputDecoration(
    hintText: 'Enter amount',
  ),
),

这段代码定义了一个MoneyInputFormatter类，它实现了TextInputFormatter接口，并在formatEditUpdate方法中处理了输入值的格式化。它移除了所有非数字和小数点的字符，并确保只有一个小数点，并且小数点后的位数可以根据构造函数参数decimalPlaces进行限制。在使用时，你可以通过TextField的inputFormatters属性来应用这个格式化器，设置小数点后的位数，例如2位。这样就能在iOS数字键盘上输入小数点了。