flutter_timeline

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein vollständig anpassbarer Zeitachsen-Widget für Flutter, der mit Blick auf reale Anwendungsbeispiele entwickelt wurde. Er unterstützt flexible Layout-Konfigurationen, sodass Entwickler dynamische und interaktive Zeitachsen für Ereignisse, Prozesse oder historische Daten erstellen können. Der Widget ist allgemein einsetzbar und daher für verschiedene Anwendungsfälle wie Projektverfolgung, Onboarding-Flows und Ereignisgeschichten geeignet. Mit intuitiven Anpassungsoptionen passt er sich nahtlos unterschiedlichen Designanforderungen an und bleibt dabei leistungsstark und lesbar.

Anwendungsfälle

Projektfortschrittsverfolgung
Benutzer-Onboarding-Sequenzen
Darstellungen historischer Ereignisse
Prozessflussvisualisierung
Anwendungs-Changelog

Hauptmerkmale

Hochgradig anpassbarer Design
Unterstützt vertikale und horizontale Layouts
Erweiterbare Ereigniselement-Konfiguration
Reaktive und leistungsstarke Darstellung
Eingebaute Animationsunterstützung

Geeignet für

Entwickler, die prozessorientierte Apps erstellen
Designer, die flexible Zeitachsenkomponenten benötigen
Apps, die eine visuelle Ereignissequenz erfordern

Hinweise

Komplexe Animationen erfordern manuelle Einrichtung
Eingeschränkte plattformspezifische Optimierungen
Keine eingebauten Datumsformatierungshilfen
Am besten geeignet für statischen oder halb-dynamischen Inhalt
Abhängig von externer Styling für die Thema-Integration

Original-README

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

framework: flutter platform: Android, iOS, Web, macOS, Linux, Windows tags: flutter, timeline, flutter timeline, timeline tile title: flutter timeline

logo

a fully customizable & general timeline widget, based on real-world application references

✅ fully customizable indicator dot
✅ support spacing between indicator dot and lines
✅ support spacing between event (items) but leaving the line connected
✅ uses custom paint, but yet, indicator and body are fully customizable.
✅ 2 real-world demos
✅ L2R support
✅ anchor support
✅ global offset support
✅ item offset support
✅ supported & used by enterprise, constantly updated, used on production application.

Installation

dependencies:
  flutter_timeline: latest

usage

simple

  TimelineEventDisplay get plainEventDisplay {
    return TimelineEventDisplay(
        child: TimelineEventCard(
          title: Text("just now"),
          content: Text("someone commented on your timeline ${DateTime.now()}"),
        ),
        indicator: TimelineDots.of(context).circleIcon);
  }

  List<TimelineEventDisplay> events;

  Widget _buildTimeline() {
    return TimelineTheme(
        data: TimelineThemeData(lineColor: Colors.blueAccent),
        child: Timeline(
          indicatorSize: 56,
          events: events,
        ));
  }

  void _addEvent() {
    setState(() {
      events.add(plainEventDisplay);
    });
  }

using offset

Widget _buildTimeline() {
  return Timeline(
      indicatorSize: 56,
      events: events,
      altOffset: Offset(0, -24) // set offset
  );
}

using anchor & offset

  TimelineEventDisplay get plainEventDisplay {
    return TimelineEventDisplay(
        anchor: IndicatorPosition.top,
        indicatorOffset: Offset(0, 24),
        child: TimelineEventCard(
          title: Text("multi\nline\ntitle\nawesome!"),
          content: Text("someone commented on your timeline ${DateTime.now()}"),
        ),
        indicator: randomIndicator);
  }

Pakete, Repositories und App-Kategorien suchen