TextField 的自适应遮罩

Question

我制作了一个 TextField 来更新用户的信息。

用户必须键入 11 或 14 个数字，因此如果有人键入超过 11 个数字，则文本字段的掩码必须更改。我怎么做？

面具：

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

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

文本域：

TextField(
   keyboardType: TextInputType.number,
   inputFormatters: [
     mascaraCpf,
     FilteringTextInputFormatter.digitsOnly
   ],
      controller: cpfController,
      decoration: InputDecoration(
      filled: true,
      fillColor: Color(0xffFCF9F4),
      border: OutlineInputBorder(
            borderRadius:                                  
            BorderRadius.all(Radius.circular(5))),
            hintText: appModel.usuario!.cpf,
         ),
       ),

Answer 1

你有 StatefulWidget 吗？

如果是，请尝试以下操作：

onChanged: (value) {
  if (value.length >= 11) {
    setState(() {
      //change something
    });
  } else {
    setState(() {
      //change back
    });
  }
}