MaskTextInputFormatter erases characters when I do the insertion

[LSambo02]

When I insert the number it erases the previous digit. And when a non-number character is inserted it erases all the inserted data.

I tried using it in a 'vanilla' TextFormField and had the same result.

TextFormField(
  onChanged: (value) {
    setState(() {
      mobile.setContactNumber(value);
    });
  },
  initialValue:
      mobile.contactNumber,
  inputFormatters: [MaskTextInputFormatter(mask: "+258 ###-##-##")],
),

[sebandroidev]

I'm having the same issue. But i noticed if there is no onChanged function it's working fine.

[LSambo02]

I'm having the same issue. But i noticed if there is no onChanged function it's working fine.

A solution I found was to declare the MaskTextInputFormatter outside the implementation.

class _MyHomePageState extends State<MyHomePage> {
  final  maskFormatter = MaskTextInputFormatter( mask: '+### ###-##-##');
  @override
  Widget build(BuildContext context) {
    return Scaffold(
     body: Padding(
       padding: const EdgeInsets.all(8.0),
       child: Column(
        children: [
          SizedBox(height: 50,),
          TextField(
            keyboardType: TextInputType.number,
            decoration: InputDecoration(
              hintText: 'Enter Phone Number'
              ),
              inputFormatters: [
                maskFormatter
              ],
          ),
        ],
       ),
     ), 
    );
  }
}

Stackoverfow Response
And on my own implementation, I kept the onChanged() function. And you don't have necessarily to keep it a final. Just make sure you instantiate outside the Textfield/TextformField implementation.