numeric_keyboard

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Plugin, das für Android, iOS, Web, macOS, Windows und Linux einen einfachen numerischen Tastatur bereitstellt. Es ermöglicht Benutzern die effiziente Eingabe von Zahlen in Formularen oder Feldern ohne den Einsatz einer vollständigen virtuellen Tastatur. Die Tastatur ist anpassbar und lässt sich nahtlos in Flutter-Anwendungen integrieren. Entwickelt für Einfachheit und plattformübergreifende Kompatibilität unterstützt sie grundlegende Zahlen-Eingaben mit optionaler Dezimalstellen- und Rückgabefunktion. Ideal für PIN-Eingaben, Mengeneingaben oder jede Situation, die nur numerische Eingabe erfordert.

Anwendungsfälle

PIN-Eingabebildschirme
Mengeneingabefelder
Formulardatenerhebung
Eingabe des Zahlungsbetrags
Anmeldeauthentifizierung
nur numerische Benutzereingabe

Hauptmerkmale

Plattformübergreifende Unterstützung
Anpassbares Layout
Dezimal-Eingabehilfe
Backspace-Funktion
Einfache Integration
Leichtgewichtiges Design

Geeignet für

Mobile-App-Entwickler
Formularbasierte Anwendungen
sicherheitskritische Eingaben
Eingebettete numerische Schnittstellen
Schnellprototypen

Hinweise

Beschränkt auf numerische Eingabe nur
Keine Unterstützung für Sonderzeichen
Benötigt manuelle Handhabung der Eingabeverifizierung
Nicht geeignet für textintensive Eingaben
Kann zusätzliche Stilisierung zur UI-Konsistenz erfordern

Original-README

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

A simple numeric keyboard widget

Installation

Add numeric_keyboard: ^1.1.0 in your pubspec.yaml dependencies. And import it:

import 'package:numeric_keyboard/numeric_keyboard.dart';

How to use

Simply create a NumericKeyboard widget and pass the required params:

NumericKeyboard(
  onKeyboardTap: _onKeyboardTap
)

_onKeyboardTap(String value) {
  setState(() {
    text = text + value;
  });
}

Params

NumericKeyboard(
  onKeyboardTap: _onKeyboardTap,
  textColor: Colors.red,
  rightButtonFn: () {
    setState(() {
      text = text.substring(0, text.length - 1);
    });
  },
  rightIcon: Icon(Icons.backspace, color: Colors.red,),
  leftButtonFn: () {
    print('left button clicked');
  },
  leftIcon: Icon(Icons.check, color: Colors.red,),
  mainAxisAlignment: MainAxisAlignment.spaceEvenly
)

For a more detail example please take a look at the example folder.

Example

Numeric keyboard:

-

If something is missing, feel free to open a ticket or contribute!

Pakete, Repositories und App-Kategorien suchen