Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von calendar_timeline
Paketdetailsv1.1.3

calendar_timeline

Ein horizontaler Datumsauswahler, der wenig Bildschirmplatz beansprucht, sodass er immer sichtbar sein kann und die Verwendung mit einer Hand erleichtert.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
1390
Likes
434
Pub-Punkte
130

Paket installieren

flutter pub add calendar_timeline

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

CalendarTimeline ist ein kompakter, horizontaler Datumsauswahler, der für eine effiziente Einhandbedienung und minimale Bildschirmfläche entwickelt wurde. Er zeigt stets das aktuelle Datum an, was ihn ideal für Apps macht, die häufige Datumsauswahl erfordern. Die Zeitleiste ermöglicht es Benutzern, nahtlos von Tag zu Tag, Woche zu Woche oder Monat zu Monat zu wischen. Auf Flutter basierend unterstützt es mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Seine saubere Oberfläche verbessert die Benutzerfreundlichkeit in Formularen, Planungstools und Tagesplanern.

Anwendungsfälle

  • Tägliche Aufgabenverfolgung
  • Planungsanwendungen
  • Veranstaltungsplanung
  • Datumsauswahl mit Fokus auf Mobilgeräte
  • Einhandnavigation

Hauptmerkmale

  • horizontal scrollbare Zeitleiste
  • Kompaktes Design
  • Einhandbedienbarkeit
  • Plattformübergreifende Unterstützung
  • Anpassbarer Datumsbereich

Geeignet für

  • Mobile-App-Entwickler
  • Produktivitäts-Apps
  • Kalenderintegrationen
  • Minimalistische UI-Designs
  • zeitkritische Workflows

Hinweise

  • Beschränkt auf Datumsauswahl nur
  • Keine eingebaute Ereignisdarstellung
  • Erfordert manuelle Handhabung von Datumsänderungen
  • Am besten geeignet für lineare Zeitnavigation
  • Kann zusätzliche Stilisierung für den Dunkelmodus erfordern

Original-README

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

header.jpg

Flutter widget form select a date in horizontal timeline with customizable styles.

Getting Started

You can use this package when you need to add a date picker that takes up little screen space, so we can always have it visible, and that facilitates use with one hand.

example.gif

Properties

Property Type Description
initialDate DateTime Initial date selected
firstDate DateTime First date available in calendar
lastDate DateTime Last date available in calendar
selectableDayPredicate SelectableDayPredicate Signature for predicating dates for enabled date selections
onDateSelected OnDateSelected Callback to notify that a date has been selected
leftMargin double Left margin to month and day list
monthColor Color Color for month list elements
dayColor Color Color for day list elements
activeDayColor Color Color for selected day text
activeBackgroundDayColor Color Color for selected day background
dotColor Color Color for top dots in select day
locale String Locale string to get formatted date
showYears bool Indicates if it show year selector

Use example

You can review the example folder for a complete example of using the widget.

CalendarTimeline(
  initialDate: DateTime(2020, 4, 20),
  firstDate: DateTime(2019, 1, 15),
  lastDate: DateTime(2020, 11, 20),
  onDateSelected: (date) => print(date),
  leftMargin: 20,
  monthColor: Colors.blueGrey,
  dayColor: Colors.teal[200],
  activeDayColor: Colors.white,
  activeBackgroundDayColor: Colors.redAccent[100],
  dotsColor: Color(0xFF333A47),
  selectableDayPredicate: (date) => date.day != 23,
  locale: 'en_ISO',
)

Kategorien

Kalender

Abhängigkeiten

Abhängigkeiten 2 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden