numpad_layout

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

numpad_layout ist ein Flutter-Paket, das einen anpassbaren numerischen Tastatur mit Unterstützung für arabische Ziffern und plattformübergreifende Kompatibilität bereitstellt. Es ermöglicht Entwicklern die einfache Integration numerischer Eingabefelder mit flexiblen Stil- und Layoutoptionen für Android, iOS, Web, macOS, Windows und Linux. Das Paket eignet sich ideal für Formulare, die eine Zahleneingabe erfordern, wie PIN-Eingaben, Rechner oder Zahlungssysteme. Der intuitive Designansatz ermöglicht eine einfache Anpassung von Buttongröße, Farbe und Verhalten.

Anwendungsfälle

PIN-Eingabefelder
Rechner-Anwendungen
Zahlungseingabefelder
Daten-Eingabemasken
Mehrsprachige Zahleneingabe

Hauptmerkmale

Unterstützung für arabischsprachige Ziffern
Plattformübergreifende Kompatibilität
Anpassbare Button-Stilisierung
Flexible Layout-Optionen
Einfache Integration mit TextFormField
reaktives Design

Geeignet für

Entwickler, die numerische Eingabemasken erstellen
Apps für arabischsprachige Benutzer
Multiplattform-Anwendungen
formularitätsstarke Benutzeroberflächen
Benutzerdefinierte Tastaturimplementierungen

Hinweise

Benötigt manuelle Handhabung der Eingabeverifizierung
Beschränkt auf numerische Eingabe nur
Könnte zusätzliche Styling für komplexe Themen benötigen
Nicht geeignet für Volltexteingabe
Benötigt externe Abhängigkeiten für erweiterte Funktionen

Original-README

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

Numpad

an numeric Keyboard Layout supports english and arabic digits

Features

Documented:** each property has a code documentation
Languages:** supports English and Arabic Digits
Flexibility:** smooth and flexible to modify anything

Usage

Parameter	Default	Description
onType	required	Callback when number pressed .
mainAxisAlignment	MainAxisAlignment.spaceBetween	for spacing horizontal .
padding	horizontal = 30	padding over the whole layout .
leftWidget	null	the widget at the left of the 0 .
rightWidget	null	the widget at the right of the 0 .
highlightColor	Color(0xFFC9C9C9)	on Holding press any number.
runSpace	40	spacing vertical .
numberStyle	null	custom number style
radius	45	radius for the shape of the number .
arabicDigits	false	Displays arabic digits if equal true
returnItAsEnglish	false	it returns the digits as english even it's arabic digits .

Example

 NumPad(
   arabicDigits: true,
   onType: (value) {
     number += value;
     setState(() {});
   },
   rightWidget: IconButton(
   icon: const Icon(Icons.backspace),
   onPressed: () {
   if (number.isNotEmpty) {
     number = number.substring(0, number.length - 1);
      setState(() {});
   }
   },
  ),
);

also you can find The sample code under the example package.

Pakete, Repositories und App-Kategorien suchen

Paket installieren