number_selection

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das ein visuell ansprechendes und interaktives Zahlenauswahlwidget bietet, inspiriert durch ein cooles konzeptionelles Design. Es ermöglicht Benutzern die Auswahl von Zahlen durch intuitive Scrollen oder Tippen und ist für Formulare, Einstellungen oder jede Eingabe geeignet, die eine numerische Auswahl erfordert. Das Widget ist anpassbar und unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Es verbessert die Benutzererfahrung durch flüssige Animationen und reaktionsfähiges Feedback.

Anwendungsfälle

Formulareingaben, die eine numerische Auswahl erfordern
Einstellungen mit einstellbaren Werten
Interaktive Benutzeroberflächenkomponenten
Mobile- und Desktop-Anwendungen
Benutzerdefinierte Zahleneingabeschnittstellen

Hauptmerkmale

Glatte Scroll-Schnittstelle
Plattformübergreifende Kompatibilität
Anpassbare Erscheinung
Reaktive Touch-Interaktionen
Animierte Übergänge
Unterstützt Tastaturnavigation

Geeignet für

Entwickler, die formularbasierte Apps erstellen
designorientierte UI-Implementierungen
Multiplattform-Flutter-Projekte
Apps, die eine intuitive Zahleneingabe benötigen

Hinweise

Kann zusätzliche Stilisierung zur Integration erfordern
Beschränkt auf numerische Eingabe nur
Leistungseinfluss bei großen Datensätzen
Nicht für sehr hohe Aktualisierungshäufigkeiten optimiert

Original-README

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

Example

Demo

How to use

Import number_selection.dart

import 'package:number_selection/number_selection.dart';

And here an use example

NumberSelection(
    theme: NumberSelectionTheme(
        draggableCircleColor: Colors.blue,
        iconsColor: Colors.white,
        numberColor: Colors.white,
        backgroundColor: Colors.deepPurpleAccent,
        outOfConstraintsColor: Colors.deepOrange),
    initialValue: 1,
    minValue: -10,
    maxValue: 10,
    direction: Axis.vertical,
    withSpring: true,
    onChanged: (int value) => print("value: $value"),
    enableOnOutOfConstraintsAnimation: true,
    onOutOfConstraints: () => print("This value is too high or too low"),
);

Pakete, Repositories und App-Kategorien suchen

Paket installieren