dynamic_timeline

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

DynamicTimeline ist ein Flutter-Widget, das zur Visualisierung von Tageszeitlinien, Zeitplänen und Gantt-Diagrammen mit dynamischen Layout-Funktionen entwickelt wurde. Es ermöglicht Entwicklern die interaktive und anpassbare Darstellung zeitbasierter Daten in horizontaler oder vertikaler Ausrichtung. Das Widget passt sich unterschiedlichen Inhaltslängen an und erlaubt eine flexible Gestaltung von Ereignissen, Intervallen und Beschriftungen. Ideal für Terminplanungsanwendungen, Projektmanagement-Tools oder jede App, die zeitlich geordnete Visualisierungen erfordert.

Anwendungsfälle

Planungs-Apps
Projektmanagement-Dashboards
Eventplanungs-Schnittstellen
Zeitbasierte Datenvisualisierung
Tägliche Planer-Implementierungen

Hauptmerkmale

Anpassbarer Zeitachsen-Layout
Unterstützung für horizontale und vertikale Ausrichtung
Dynamische Ereignisdarstellung
Erweiterbare Stiloptionen
Reaktionsfähiges Design für unterschiedliche Bildschirmgrößen

Geeignet für

Entwickler, die Kalenderfunktionen erstellen
Teams, die Projektzeitpläne verwalten
Apps, die eine visuelle Zeitverfolgung erfordern
UI-Designer, die interaktive Zeitanzeigen suchen
Bildungs- oder Produktivitätsanwendungen

Hinweise

Eingeschränkte plattformspezifische Optimierungen
Benötigt manuelle Behandlung komplexer Ereignisüberlappungen
Für große Datensätze kann eine Leistungsoptimierung erforderlich sein
Keine eingebaute Unterstützung für Drag-and-Drop-Interaktionen
Hängt von externer Zustandsverwaltung für dynamische Aktualisierungen ab

Original-README

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

A widget to create daily timelines, timetables, gantt charts* and more.

Note: This package is in early stage and has not been tested with large amount of data.

Daily timeline

Weekly timetable

Gantt chart

Features

Easy to use API.
Rezizable timeline items.
Custom label builder.

Usage

Installation

Add the following line to pubspec.yaml:

dependencies:
  dynamic_timeline: ^0.1.2

Basic set up

Make sure to check out the example for more details.

Dynamic timeline requires you to provide firstDateTime, lastDateTime, labelBuilder and a list of items.

labelBuilder: Used to build the label of each mark, normally a dateFormat will be used.
items: The events of the timeline, who are positioned according to its start and end date times.

Another important property is intervalDuration, that is the lenght of time between each mark.

Example of a daily timeline.

DynamicTimeline(
    firstDateTime: DateTime(1970, 1, 1, 7),
    lastDateTime: DateTime(1970, 1, 1, 22),
    labelBuilder: DateFormat('HH:mm').format,
    intervalDuration: const Duration(hours: 1),
    children: [
      TimelineItem(
        startDateTime: DateTime(1970, 1, 1, 7),
        endDateTime: DateTime(1970, 1, 1, 8),
        child: const Event(title: 'Event 1'),
      ),
      TimelineItem(
        startDateTime: DateTime(1970, 1, 1, 10),
        endDateTime: DateTime(1970, 1, 1, 12),
        child: const Event(title: 'Event 2'),
      ),
      TimelineItem(
        startDateTime: DateTime(1970, 1, 1, 15),
        endDateTime: DateTime(1970, 1, 1, 17),
        child: const Event(title: 'Event 3'),
      ),
    ],
),

Pakete, Repositories und App-Kategorien suchen

Paket installieren