flutter - 如何:在TextFormField中键入时，每4个字符后添加一个空格

Question

我试图找到一种方法，在键入TextFormField时添加空格。
我找到了一种方法来执行此操作，但是无论我在Google上还是在StackOverflow上搜索，现在都找不到。
基本上我想将文本字段中显示的文本从000011112222333变为0000 1111 2222 3333我猜我需要在RegExp的onChanged函数中使用一些TextFormField检查，并使用它来更改TextEditingController的.text

Answer 1

我之前也遇到过这个问题，很幸运地找到了一种在某处进行此操作的方法。
首先创建一个扩展TextInputFormatter的类
customInputFormatter.dart

class CustomInputFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    var text = newValue.text;

    if (newValue.selection.baseOffset == 0) {
      return newValue;
    }

    var buffer = new StringBuffer();
    for (int i = 0; i < text.length; i++) {
      buffer.write(text[i]);
      var nonZeroIndex = i + 1;
      if (nonZeroIndex % 4 == 0 && nonZeroIndex != text.length) {
        buffer.write(' '); // Replace this with anything you want to put after each 4 numbers
      }
    }

    var string = buffer.toString();
    return newValue.copyWith(
        text: string,
        selection: new TextSelection.collapsed(offset: string.length)
    );
  }
}

然后将其添加到TextFormField的inputFormatters []列表中

inputFormatters: [
   FilteringTextInputFormatter.digitsOnly,
   new CustomInputFormatter()
],