Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von time_picker_spinner
Paketdetailsv1.0.2

time_picker_spinner

Zeitauswahl mit Drehfeld anstelle des Standard-Material-Zeitpickers. Dieses Widget funktioniert mit 12- oder 24-Stunden-Format und benutzerdefiniertem Intervallmodus, und dieses Paket unterstützt die Lokalisierung auf Arabisch und Englisch.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
1980
Likes
9
Pub-Punkte
130

Paket installieren

flutter pub add time_picker_spinner

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das einen Zeitwähler bereitstellt, der anstelle des standardmäßigen Material-Zeitwählers Spinner-Widgets verwendet. Es unterstützt sowohl 12-Stunden- als auch 24-Stunden-Format, benutzerdefinierte Zeitintervalle und bietet Lokalisierung für Arabisch (ar) und Englisch (en). Ideal für Apps, die auf mehreren Plattformen eine konsistente, nicht-Material-Design für die Zeitauswahl benötigen. Das Widget ist leichtgewichtig und lässt sich nahtlos in Formulare oder Einstellungsbildschirme integrieren, wo ein traditioneller Zeitwähler erforderlich ist.

Anwendungsfälle

  • Benutzerdefinierte Zeit-Eingabe in Formularen
  • Lokale Zeit Auswahl
  • Nicht-materialer UI-Entwurf
  • Zeitintervall-Anpassung
  • plattformübergreifende Zeitwähler
  • Einstellungen mit Zeit-Eingaben

Hauptmerkmale

  • Zeitwahl basierend auf Spinner
  • Unterstützung des 12-/24-Stunden-Formats
  • Benutzerdefinierte Intervalloptionen
  • Arabisch und Englisch Lokalisierung
  • Läuft auf allen wichtigen Plattformen
  • Leichtgewichtig und einfach zu integrieren

Geeignet für

  • Entwickler, die alternative Zeitwähler suchen
  • Apps, die lokalisierte Zeitangaben erfordern
  • Designer vermeiden Material-Komponenten
  • Multiplattform-Anwendungen
  • formularlastige Benutzeroberflächen

Hinweise

  • Beschränkt auf grundlegende Zeitauswahl
  • Keine integrierte Validierung
  • Benötigt manuelle Handhabung der Zeitlogik
  • Nicht geeignet für komplexe Zeitoperationen
  • Abhängig von externer Lokalisierungseinstellung

Original-README

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

time_picker_spinner

Time Picker with spinner instead of a default material time picker. This widget works with 12 or 24 hour format and custom interval mode, and this package allow localization ar and en.

Pub Version

Demo gif

image

Installation

  1. Add this to your package's pubspec.yaml file:
dependencies:
  time_picker_spinner: any
  1. Get the package using your IDE's GUI or via command line with
$ pub get
  1. Import the time_picker_spinner.dart file in your app
import 'package:time_picker_spinner/time_picker_spinner.dart';

Features

  • This widget works with 12.
  • This widget works with 24.
  • allow localization ar and en.

Usage

EN
en short en long

image | image

TimePickerSpinner(
              locale: const Locale('en', ''),
              time: dateTime,
              is24HourMode: false,
              isShowSeconds: true,
              itemHeight: 80,
              normalTextStyle: const TextStyle(
                fontSize: 24,
              ),
              highlightedTextStyle:
                  const TextStyle(fontSize: 24, color: Colors.blue),
              isForce2Digits: true,
              onTimeChange: (time) {
                setState(() {
                  dateTime = time;
                });
              },
            )
Ar
ar short ar long

image | image

TimePickerSpinner(
              locale: const Locale('ar', ''),
              time: dateTime,
              is24HourMode: false,
              isShowSeconds: true,
              itemHeight: 80,
              normalTextStyle: const TextStyle(
                fontSize: 24,
              ),
              highlightedTextStyle:
                  const TextStyle(fontSize: 24, color: Colors.blue),
              isForce2Digits: true,
              onTimeChange: (time) {
                setState(() {
                  dateTime = time;
                });
              },
            )

Props

props types defaultValues
time DateTime Current Time [ DateTime.now() ]
minutesInterval int 1
secondsInterval int 1
is24HourMode bool true
isShowSeconds bool false
isShowSeconds bool false
highlightedTextStyle TextStyle false
normalTextStyle TextStyle false
itemHeight double 60.0
itemWidth double 45.0
spacing double 20.0
alignment AlignmentGeometry Alignment.centerRight
isForce2Digits bool false
onTimeChange TimePickerCallback
locale bool en

Kategorien

Datums- und Zeitauswahl

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.