bubble_timeline

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

BubbleTimeline ist ein Flutter-Widget, das zur Erstellung interaktiver und anpassbarer Zeitachsen-Schnittstellen entwickelt wurde. Es ermöglicht Entwicklern, Ereignisse als animierte Blasen darzustellen, die leicht gestaltet und angeordnet werden können. Jede Blase unterstützt benutzerdefinierten Inhalt, Farben und Interaktionen und eignet sich daher hervorragend zur Visualisierung von Abläufen wie Projektmeilensteine, historische Ereignisse oder Benutzeraktivitätsprotokolle. Das Widget ist leichtgewichtig und flexibel und lässt sich über pub.dev einfach integrieren. Mit seiner sauberen API kann es schnell eingerichtet werden, ohne dass Designkontrolle verloren geht.

Anwendungsfälle

Projektzeitlinien werden angezeigt
Historische Ereignisse visualisieren
Benutzeraktivitätsströme anzeigen
Schritt-für-Schritt-Prozesse vorstellen
Interaktive Erzählungsschnittstellen erstellen

Hauptmerkmale

anpassbare Ereignisblasen
Interaktive Touch-Reaktionen
Einfache Stiloptionen
Glatte Animationen
Flexible Layoutsteuerung
Unterstützt vertikale und horizontale Ausrichtung

Geeignet für

Entwickler, die zeitbasierte Apps erstellen
Designer, die interaktive Benutzeroberflächenkomponenten benötigen
Apps, die Ereignisvisualisierung erfordern
Bildungs- oder Portfolio-Anwendungen
Projekte mit sequenzieller Datenpräsentation

Hinweise

Eingeschränkte plattformspezifische Optimierungen
Keine eingebaute Datumsformatierung
Erfordert manuelle Handhabung großer Datensätze
Nicht für sehr lange Zeitachsen optimiert
Könnte zusätzliche Logik für dynamische Aktualisierungen benötigen

Original-README

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

Bubble Timeline Package

A Flutter Widget to make interactive timeline widget.

This widget can be used to make Event Timelines, or Timelines for certain travel journey. This widget provides easy customisation of individual event bubbles.

Screenshots

Installing

To use this package:

Add the following to your pubspec.yaml file:

dependencies:
    bubble_timeline: ^1.0.5

How to Use

Simply create a BubbleTimeline widget, and pass the required params:

 BubbleTimeline(
    bubbleDiameter: 120,
    // List of Timeline Bubble Items
    items: [
        TimelineItem(
            title: 'Boat',
            subtitle: 'Travel through Oceans',
            child: Icon(
                Icons.directions_boat,
                color: Colors.white,
            ),
            bubbleColor: Colors.grey,
        ),
        TimelineItem(
            title: 'Bike',
            subtitle: 'Road Trips are best',
            child: Icon(
                Icons.directions_bike,
                color: Colors.white,
            ),
            bubbleColor: Colors.grey,
        ),
        TimelineItem(
            title: 'Bus',
            subtitle: 'I like to go with friends',
            child: Icon(
                Icons.directions_bus,
                color: Colors.white,
            ),
            bubbleColor: Colors.grey,
        ),
    ],
    stripColor: Colors.teal,
    scaffoldColor: Colors.white,
)

Use TimelineItem to add items in Timeline.

TimelineItem(
    title: 'Title',
    subtitle: 'Subtitle',
    description: 'Description',
    child: Icon(
        Icons.directions_bus,
    ),
    bubbleColor: Colors.blue,
),

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

CONTRIBUTORS

Vansh Goel

Pakete, Repositories und App-Kategorien suchen

Paket installieren