text_input_mask_formatter 0.0.3 text_input_mask_formatter: ^0.0.3 copied to clipboard
Class that extends TextInputFormatter and makes pure dart masking in flutter simpler!
import 'package:flutter/material.dart';
import 'package:text_input_mask_formatter/text_input_mask_formatter.dart';
import 'package:flutter/services.dart';
class App extends StatefulWidget {
AppState createState() => new AppState();
}
class AppState extends State<App> {
final maskFormatter = MaskTextInputFormatter('+1 (___) ___-__-__');
String inputValue = '';
String unmaskedInputValue = '';
_onTextChange(String s) {
setState(() {
inputValue = s;
unmaskedInputValue = maskFormatter.getEscapedString(s);
});
}
@override
Widget build(BuildContext context) =>
MaterialApp(
title: 'Flutter masked input',
home: Scaffold(
body: TextField(
onChanged: _onTextChange,
inputFormatters: [
WhitelistingTextInputFormatter.digitsOnly,
maskFormatter
],
decoration: InputDecoration(
hintText: '+1 (___) ___-__-__'
),
)
));
}