Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von odometer
Paketdetailsv3.0.0

odometer

Hochgradig anpassbare Widgets, die Sie für Zahlenübergänge und Zähleranimationen verwenden können.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
836
Likes
100
Pub-Punkte
150

Paket installieren

flutter pub add odometer

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Odometer ist ein Flutter-Paket, das hochgradig anpassbare Widgets für reibungslose Zahlenübergänge und Zähleranimationen bereitstellt. Es ermöglicht Entwicklern, visuell ansprechende numerische Anzeigen wie Countdowns, Punktzähler oder dynamische Wertaktualisierungen mit eleganten Animationseffekten zu erstellen. Das Paket unterstützt verschiedene Gestaltungsoptionen wie Zifferngröße, Farbe, Abstand und Animationsdauer, wodurch es ideal für Dashboards, Spiele oder Echtzeit-Datenvisualisierung geeignet ist. Auf Leistung ausgelegt, funktioniert es nahtlos auf Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

  • Echtzeit-Scoreverfolgung
  • Countdown-Timer
  • Dynamische Datenanzeige
  • Dashboard-Metriken
  • Spiel-Punktzähler
  • Animierte Statistiken

Hauptmerkmale

  • Glatte Zahlenübergangsanimationen
  • Anpassbare Ziffernansicht
  • Konfigurierbare Animationsgeschwindigkeit
  • Unterstützung für negative Zahlen
  • Integration von Responsive Design
  • Plattformübergreifende Kompatibilität

Geeignet für

  • Gamifikationsfunktionen
  • Datenvisualisierungs-Dashboards
  • Interaktive Benutzeroberflächenelemente
  • Bildungs-Apps
  • Live-Ereignis-Tracker

Hinweise

  • Kann die Leistung bei vielen Instanzen beeinträchtigen
  • Erfordert sorgfältige Abstimmung für Hochfrequenz-Updates
  • Nur auf numerische Werte beschränkt
  • Nicht geeignet für nicht-numerische Übergänge
  • Am besten mit stabilen Datenquellen verwenden

Original-README

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

Build Status pub stars style: lint

Odometer

The package which was inspired by the package Odometer js.

Examples of counter animation customization are made using this package:

Examples Gif

In this package you will find pre-built widgets:

  • AnimatedSlideOdometerNumber
  • SlideOdometerTransition

and high modifiable widgets:

  • AnimatedOdometer
  • OdometerTransition

AnimatedSlideOdometerNumber

The ImplicitlyAnimatedWidget uses the AnimatedOdometer with the sliding and fading digits transitions.

   AnimatedSlideOdometerNumber(
     numberTextStyle: TextStyle(fontSize: 15),
     odometerNumber: OdometerNumber(_counter),
     duration: Duration(seconds: 1))

SlideOdometerTransition

The ExplicitlyAnimatedWidget uses the OdometerTransition with the sliding and fading digits transitions.

    SlideOdometerTransition(
      numberTextStyle: TextStyle(fontSize: 15),
      odometerAnimation: _odometerAnimation,
      duration: Duration(seconds: 1))

Base widgets AnimatedOdometer and OdometerTransition

The AnimatedOdometer is based on implicit animation, and the OdometerTransition is based on explicit animation. To customize the odometer, you need to use two OdometerAnimationTransitionBuilders for new and old numbers. You will have access to:

  • The digit
  • The digit place
  • The animation progress of this digit

Kategorien

Animation und Übergang

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.