multi_masked_formatter

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter plugin that enables multiple masked text input formatting, ideal for structured data entry such as phone numbers and dates of birth. It supports dynamic masking with customizable patterns, ensuring users input data in a consistent, user-friendly format across all platforms. The formatter automatically applies masks as users type, reducing input errors and improving UX. Built for cross-platform use, it works seamlessly on Android, iOS, Web, macOS, Windows, and Linux.

Use cases

Phone number input with country-specific formats
Date of birth entry with standardized date masks
Credit card number formatting
Custom numeric or alphanumeric input patterns
Form validation with real-time feedback
Multi-field form inputs requiring consistent formatting

Key features

Supports multiple mask patterns
Dynamic mask application during typing
Cross-platform compatibility
Configurable placeholder and separator characters
Real-time input validation
Easy integration with TextFormField

Suitable for

Developers building forms with structured input requirements
Apps needing international phone number support
Healthcare or finance apps requiring precise date/number entry
UX-focused applications prioritizing input clarity
Teams developing multi-platform Flutter apps

Considerations

May require careful configuration for complex mask logic
Performance impact with many simultaneous formatters
Limited built-in error handling beyond mask compliance
Not designed for non-text input types like sliders or pickers
Requires testing across all target platforms for consistency

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Multple Masked TextInputFormatter Flutter plugin. It is useful for entering phone numbers, date of birth.

Getting Started

Dependency

dependencies:
  multi_masked_formatter: ^1.0.0

Import

import 'package:multi_masked_formatter/multi_masked_formatter.dart';

Example

TextField(
  inputFormatters: [
    MultiMaskedTextInputFormatter(
        masks: ['xxx-xxxx-xxxx', 'xxx-xxx-xxxx'], separator: '-')
  ],
  autofocus: true,
  keyboardType: TextInputType.number,
  decoration:
      InputDecoration(
        labelText: 'PhoneNumber',
        hintText: '010-123-4567 or 010-1234-5678'),
);
  
  
TextField(
  inputFormatters: [
    MultiMaskedTextInputFormatter(
        masks: ['xx.xx.xx', 'xxxx.xx.xx'], separator: '.')
  ],
  autofocus: true,
  keyboardType: TextInputType.number,
  decoration: InputDecoration(
      labelText: 'Date of birth', hintText: '99.02.20 or 1999.02.20'),
);

Search packages, repositories and app categories