flutter_touch_spin

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein einfaches Zahlen-Eingabespinne-Widget für Flutter, inspiriert von Bootstrap Touchspin. Es bietet eine intuitive Oberfläche zum Erhöhen und Verringern numerischer Werte mit touchfreundlichen Schaltflächen. Das Paket ist leichtgewichtig und einfach in Formulare oder Einstellungen zu integrieren, in denen numerische Eingaben erforderlich sind. Es unterstützt grundlegende Anpassungen und funktioniert nahtlos innerhalb des Widget-Baums von Flutter.

Anwendungsfälle

Formularfelder, die numerische Eingabe erfordern
Einstellungen mit einstellbaren Werten
mobilefreundliche Nummernauswahl
E-Commerce-Mengen-Auswahl
Einfache Daten-Eingabeschnittstellen

Hauptmerkmale

Berührungsfreundliche Auf-/Ab-Buttons
Anpassbare Schrittgröße
Minimale Konfiguration
reaktives Design
Einfache Integration mit bestehenden Formularen

Geeignet für

Entwickler, die mobile Formulare erstellen
UI-Designer, die zugängliche Zahlen-Eingaben suchen
Projekte, die leichte Spinner benötigen
Apps mit häufigen numerischen Anpassungen
Flutter-Anfänger erkunden Eingabesteuerelemente

Hinweise

Auf grundlegende Funktionen beschränkt
Keine integrierte Validierung
Nicht geeignet für komplexe Zahlenbereiche
Keine Unterstützung für Tastatureingabe
Abhängig vom Gestensystem von Flutter

Original-README

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

Simple number input spinner Widget for Flutter. Inspired by Bootstrap Touchspin

Getting Started

TouchSpin(
    min: 5,
    max: 100,
    step: 5,
    value: 10,
    displayFormat: NumberFormat.currency(locale: 'en_US', symbol: '\$'),
    textStyle: const TextStyle(fontSize: 36),
    iconSize: 48.0,
    addIcon: const Icon(Icons.add_circle_outline),
    subtractIcon: const Icon(Icons.remove_circle_outline),
    iconActiveColor: Colors.green,
    iconDisabledColor: Colors.grey,
    iconPadding: const EdgeInsets.all(20),
    onChanged: (val){
        print(val);
    },
),

Attributes

Attribute	Type	Default
`value`	`num`	`1`
`min`	`num`	`1`
`max`	`num`	`9999999`
`step`	`num`	`1`
`displayFormat`	`NumberFormat`
`textStyle`	`TextStyle`	`TextStyle(fontSize: 24)`
`iconSize`	`double`	`24.0`
`addIcon`	`Icon`	`Icon(Icons.add)`
`subtractIcon`	`Icon`	`Icon(Icons.remove)`
`iconActiveColor`	`Color`	`Theme.of(context).textTheme.button.color`
`iconDisabledColor`	`Color`	`Theme.of(context).disabledColor`
`iconPadding`	`EdgeInsetsGeometry`	`EdgeInsets.all(4.0)`
`onChanged`	`ValueChanged<num>`

Pakete, Repositories und App-Kategorien suchen