Pakete, Repositories und App-Kategorien suchen

Paketdetailsv3.0.1

extended_masked_text

Eine kleine Sammlung benutzerdefinierter TextEditingControllers, die maskierte Eingaben für Flutter-Apps ermöglicht

AndroidiOSmacOSWindowsLinux
30-Tage-Downloads
23.700
Likes
147
Pub-Punkte
160

Paket installieren

flutter pub add extended_masked_text

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

ExtendedMaskedText ist ein Flutter-Paket, das benutzerdefinierte TextEditingControllers für die Erstellung maskierter Texteingaben bereitstellt, wodurch Benutzer Daten wie Telefonnummern, Datumsangaben oder IDs mit vordefinierten Formatierungen eingeben können. Es unterstützt Echtzeitformatierung und Validierung während der Eingabe und verbessert die Benutzererfahrung, indem es sicherstellt, dass die Struktur korrekt ist, während sie tippen. Das Paket ist leichtgewichtig und lässt sich nahtlos in Formulare und Eingabefelder auf mehreren Plattformen integrieren.

Anwendungsfälle

  • Formularingaben mit strukturierten Daten
  • Telefonnummer-Eingabe mit Formatierung
  • Datums- und Zeiteingabe mit Masken
  • Formatierung der Kreditkartennummer
  • Dynamische Maskenerzeugung basierend auf Benutzereingabe

Hauptmerkmale

  • Echtzeit-Eingabemaskierung
  • anpassbare Maskenmuster
  • Automatische Cursorpositionierung
  • Unterstützung für dynamische Masken
  • Eingebaute Überprüfungslogik

Geeignet für

  • Entwickler, die formularintensive Apps erstellen
  • Apps mit strenger Eingabeformatierung
  • Plattformübergreifende mobile und Desktop-Anwendungen
  • Benutzeroberflächen, die auf Eingabegenauigkeit abzielen

Hinweise

  • Kann eine sorgfältige Maskenmusterdesign erfordern
  • Beschränkt auf Texteingabescenarien
  • Mögliche Komplexität bei verschachtelten oder variablen Masken
  • Nicht geeignet für nicht-textbasierte Eingabetypen
  • Erfordert manuelle Behandlung von Sonderzeichen in Masken

Original-README

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

Extended Masked Text Logo

Extended Masked Text

This package is based on the source code of flutter_masked_text and is an attempt to fix some bugs and continue the development of the original one.

Usage

Import the library

import 'package:extended_masked_text/extended_masked_text.dart';

MaskedTextController

Create your mask controller:

final controller = MaskedTextController(mask: '000.000.000-00');

Set controller to your text field:

return MaterialApp(
    title: 'Masked Text Demo',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: SafeArea(
        child: Scaffold(
            body: Column(
                children: <Widget>[
                    TextField(
                        // Add controller to TextField
                        controller: controller,
                    ),
                ],
            ),
        ),
    ),
);

MoneyMaskedTextController

Create your mask controller:

final controller = MoneyMaskedTextController(leftSymbol: 'R\$ ');

Set controller to your text field:

return MaterialApp(
    title: 'Money Masked Text Demo',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: SafeArea(
        child: Scaffold(
            body: Column(
                children: <Widget>[
                    TextField(
                        // Add controller to TextField
                        controller: controller,
                    ),
                ],
            ),
        ),
    ),
);

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden