用flutter中的字符拆分textformfield中的文本

Question

可能有人遇到过这样的问题，我需要配置textformfield，让文本以/的格式输入到form中，这样用户就不用自己输入/了，貌似需要使用inputformatter，但是我可以不知道怎么做

Answer 1

    maskformatter.dart

class MaskedTextInputFormatter extends TextInputFormatter {
  final String? mask;
  final String? separator;

  MaskedTextInputFormatter({
    @required this.mask,
    @required this.separator,
  }) {
    assert(mask != null);
    assert(separator != null);
  }

  @override
  TextEditingValue formatEditUpdate(
      TextEditingValue oldValue, TextEditingValue newValue) {
    if (newValue.text.isNotEmpty) {
      if (newValue.text.length > oldValue.text.length) {
        if (newValue.text.length > mask!.length) return oldValue;
        if (newValue.text.length < mask!.length &&
            mask![newValue.text.length - 1] == separator) {
          return TextEditingValue(
            text:
                '${oldValue.text}$separator${newValue.text.substring(newValue.text.length - 1)}',
            selection: TextSelection.collapsed(
              offset: newValue.selection.end + 1,
            ),
          );
        }
      }
    }
    return newValue;
  }

in textfield use :-

inputFormatter: [
                   MaskedTextInputFormatter(
                   mask: '****-****-****-****',
                   separator: '-',
                  ),
                ]

Answer 2

I think you are looking for mask text. Try this package mask_text

var maskFormatter = new MaskTextInputFormatter(
  mask: '+# (###) ###-##-##', 
  filter: { "#": RegExp(r'[0-9]') },
  type: MaskAutoCompletionType.lazy
);

And assign it to the textfield

TextField(inputFormatters: [maskFormatter])