Description:

text input mask formatter

Text_Input_formatter #
Another pure dart package for masked text.
Implemented as TextInputFormatter
Seems to be composable and universal.
Getting Started #
There are two properties to pass into constuructor:

mask (not named);
escapeChar - if you need to change the default one ('_')

And useful method getEscapedString. TextController will return masked value So it's a handy converter.
With this piece of code:
import 'package:text_input_mask_formatter/text_input_mask_formatter.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 (___) ___-__-__'
),
)
);
}
copied to clipboard
You'll get quite good looking, functional and composable way to solve the issue (at least nicer than here).
Happy coding!

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter