Masked Text
A Flutter package for masked text input with customizable masks and money formatting.
What is Masked Text?
flutter_masked_text is a Flutter package that provides controllers for masked text input, allowing developers to format user input with predefined patterns like phone numbers, dates, or currency. It solves the problem of manual input validation and formatting by automatically applying masks as users type, ensuring data consistency and improving user experience.
Flutter developers building mobile applications that require formatted text input, such as forms for phone numbers, identification numbers, dates, or financial data.
Developers choose this package for its simplicity, extensibility, and seamless integration with Flutter's TextField widgets. It offers both general-purpose masking and specialized money formatting, with hooks for custom validation and runtime mask updates.
Overview
A masked text for Flutter.
Use Cases
Best For
- Formatting phone numbers or identification numbers in Flutter forms
- Implementing currency input fields with custom separators and symbols
- Creating masked input for dates, credit card numbers, or postal codes
- Adding real-time text validation and formatting in Flutter apps
- Building financial or data-entry applications with strict input formats
- Extending Flutter's TextField with custom mask patterns and regex rules
Not Ideal For
- Projects requiring long-term maintenance and compatibility with future Flutter versions
- Applications needing comprehensive form validation beyond masking, such as cross-field logic or server sync
- Teams preferring actively maintained packages with community support and regular updates
- Developers building complex UIs that require raw text widgets or advanced input customization not covered by the TODO list
Pros & Cons
Pros
Supports custom translators and regex patterns, allowing developers to define any mask character beyond defaults like '0' or 'A', as shown in the README's example for obfuscated credit cards.
Provides MoneyMaskedTextController with configurable decimal/thousand separators, currency symbols, and precision, tailored for financial input fields with easy value retrieval via numberValue.
Allows runtime mask changes using the updateMask method, enabling adaptive input formats without reinitializing controllers, as demonstrated for switching between CPF and CNPJ masks.
Includes beforeChange and afterChange hooks for validation and side effects, giving fine-grained control over input flow, with parameters for previous and next values.
Cons
The README explicitly states the project is archived and won't receive updates, posing risks for compatibility, security, and bug fixes in production apps.
Offers minimal examples and no advanced guides, making it harder to implement complex scenarios like custom validation or integration with state management.
The TODO list mentions 'Raw Text Widget' as pending, indicating missing functionality that might be needed for certain use cases.
Being unmaintained, it lacks community support, may not work with newer Flutter versions, and has no guarantees for fixes or improvements.
Frequently Asked Questions
Related Projects
AutoSizeTextFlutter widget that automatically resizes text to fit perfectly within its bounds.
FleatherSoft and gentle rich text editing for Flutter applications.
TeXA Flutter Package to render Mathematics, Physics and Chemistry Equations based on LaTeX
Code FieldA customizable code text field supporting syntax highlighting
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.