flutter_time_picker_spinner

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein anpassbarer Zeitwähler für Flutter, der anstelle des standardmäßigen Material-Zeitwählers eine Spinner-Oberfläche verwendet. Unterstützt sowohl 12-Stunden- als auch 24-Stunden-Format und ermöglicht die Einstellung benutzerdefinierter Zeitintervalle, bietet eine saubere und konsistente Benutzeroberfläche über Plattformen hinweg. Ideal für Apps, die ein leichtgewichtiges, stilisierbares Komponente zur Zeitwahl benötigen, ohne sich auf plattformspezifische Picker zu verlassen.

Anwendungsfälle

Benutzerdefinierte Zeit-Eingabe in Formularen
Mobile- und Webanwendungen, die einheitliche Zeitwähler erfordern
Apps mit nicht standardmäßigen Zeitintervallen
designorientierte Schnittstellen, die eine konsistente Zeitauswahl erfordern
Plattformübergreifende Zeit-Eingabe mit einheitlichem Erscheinungsbild

Hauptmerkmale

Zeitwahl basierend auf Spinner
Unterstützt 12-/24-Stunden-Format
Benutzerdefinierte Intervall-Einstellungen
Plattformübergreifende Kompatibilität
Leichtgewichtig und einfach zu integrieren
Stilbar über Theme und Stiloptionen

Geeignet für

Entwickler, die eine Alternative zum Material-Zeitpicker suchen
Projekte, die eine konsistente Benutzeroberfläche für Android, iOS und Web benötigen
Apps mit spezifischen Anforderungen an Zeitintervalle
designgetriebene Anwendungen
Teams, die der plattformübergreifenden Konsistenz Priorität einräumen

Hinweise

Beschränkt auf grundlegende Zeitauswahl (keine AM/PM-Bezeichnungen in einigen Konfigurationen)
Kann eine manuelle Handhabung der Zeitformatlogik erfordern
Nicht geeignet für komplexe Zeitintervall- oder Dauer-Eingaben
Keine eingebauten Überprüfungen außer Zeitgrenzen
Abhängig von externen Stilen für erweiterte Anpassung

Original-README

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

Time Picker widget with spinner instead of a material time picker.

12H format

24H format

24H format with second

Custom style

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

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

Usage

import 'package:flutter_time_picker_spinner/flutter_time_picker_spinner.dart';

Widget widget() {
  return new TimePickerSpinner(
    is24HourMode: false,
    normalTextStyle: TextStyle(
      fontSize: 24,
      color: Colors.deepOrange
    ),
    highlightedTextStyle: TextStyle(
      fontSize: 24,
      color: Colors.yellow
    ),
    spacing: 50,
    itemHeight: 80,
    isForce2Digits: true,
    onTimeChange: (time) {
      setState(() {
        _dateTime = time;
      });
    },
  );
}

Pakete, Repositories und App-Kategorien suchen