multi_masked_formatter

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Plugin, das mehrfache Maskierung von Texteingaben ermöglicht und ideal für strukturierte Dateneingabe wie Telefonnummern und Geburtstage ist. Es unterstützt dynamische Masken mit anpassbaren Mustern und sorgt dafür, dass Benutzer Daten auf allen Plattformen konsistent und benutzerfreundlich eingeben können. Der Formatter wendet Masken automatisch an, während Benutzer tippen, was Eingabefehler reduziert und die Benutzererfahrung verbessert. Für den Einsatz auf mehreren Plattformen entwickelt, funktioniert es nahtlos unter Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

Telefonnummer-Eingabe mit landesspezifischen Formatierungen
Eingabe des Geburtstags mit standardisierten Datumsmasken
Kreditkartennummerformatierung
Benutzerdefinierte numerische oder alphanumerische Eingabemuster
Formularvalidierung mit Echtzeitfeedback
Mehrfachfeld-Formulareingaben, die eine konsistente Formatierung erfordern

Hauptmerkmale

Unterstützt mehrere Maskenmuster
Dynamische Maskenanwendung während der Eingabe
Plattformübergreifende Kompatibilität
Konfigurierbare Platzhalter- und Trennzeichenzeichen
Echtzeit-Eingabeverifizierung
Einfache Integration mit TextFormField

Geeignet für

Entwickler, die Formulare mit strukturierten Eingabeanforderungen erstellen
Apps, die Unterstützung für internationale Telefonnummern benötigen
Gesundheits- oder Finanz-Apps, die eine präzise Eingabe von Datum/Zahl erfordern
UX-fokussierte Anwendungen, die Eingabeklarheit priorisieren
Teams, die mehrplattformfähige Flutter-Apps entwickeln

Hinweise

Kann eine sorgfältige Konfiguration für komplexe Maskenlogik erfordern
Leistungsbeeinträchtigung bei vielen gleichzeitigen Formatierern
Eingeschränkte integrierte Fehlerbehandlung über die Maskenkonformität hinaus
Nicht für nicht-textbasierte Eingabetypen wie Schieberegler oder Picker geeignet
Testen auf allen Zielplattformen zur Konsistenz erforderlich

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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'),
);

Pakete, Repositories und App-Kategorien suchen