animated_text_lerp

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

AnimatedTextLerp ist ein Flutter-Paket, das einfache Widgets bereitstellt, um zwischen numerischen oder Zeichenkettenwerten reibungslos zu animieren. Es ermöglicht fließende Übergänge für dynamischen Text, beispielsweise steigende oder fallende Zahlen, Währungsaktualisierungen oder wechselnde Textinhalte mit visueller Kontinuität. Ideal für Dashboards, Zähler und Echtzeitdatenanzeigen nutzt es Interpolation (lerp) für sanfte visuelle Effekte ohne komplexe Animationen. Das Paket unterstützt alle wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

Echtzeit-Zähler für Zahlen
Währungswertaktualisierungen
Dynamische Textübergänge
Dashboard-Metriken
Ladefortschrittsanzeiger
Animierte Statistiken

Hauptmerkmale

glatte, auf lerp basierte Animation
Unterstützt sowohl Zahlen als auch Zeichenketten
Minimale Einrichtung erforderlich
Plattformübergreifende Kompatibilität
Anpassbare Dauer und Kurve
Eingebaute Easing-Funktionen

Geeignet für

Einfache animierte Zähler
Datenvisualisierungs-Widgets
Benutzeroberflächenverbesserungen
Bildungs-Apps
Finanz-Übersichten

Hinweise

Nicht ideal für komplexe Animationen
Beschränkte Anpassungsmöglichkeiten über grundlegende Eigenschaften hinaus
Am besten geeignet für kleine Textänderungen
Kann die Leistung bei häufigen Aktualisierungen beeinträchtigen
Erfordert sorgfältige Behandlung der Stringformatierung

Original-README

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

Simple widgets to animate between number or string text. Useful for number increase/decrease animation, currency value animation or string content changing animation.

Features

Similar to a simple Text widget.
Animating between number (int or double) with AnimatedNumberText.
Animating between string, which will lerp each character respectively with AnimatedStringText.
TextStyle animation supported.
Think of Flutter's pre-built animated widget like AnimatedOpacity, AnimatedAlign, ..., but with text.

Getting started

First import it:

import 'package:animated_text_lerp/animated_text_lerp.dart';

Usage

AnimatedNumberText

The widget support lerping between number values. Just setState with the current value and the widget will start animating to it.

AnimatedNumberText(
  value, // int or double
  curve: Curves.easeIn,
  duration: const Duration(seconds: 1),
  style: const TextStyle(fontSize: 30),
  formatter: (value) {
    final formatted =
    intl.NumberFormat.currency(locale: "en").format(value);
    return formatted;
  },
)

AnimatedStringText

The widget support lerping between string values. Just setState with the current value and the widget will start animating to it. Each character will lerp to the new corresponding one respectively.

AnimatedStringText(
  value, // string
  curve: Curves.easeIn,
  duration: const Duration(seconds: 1),
  style: const TextStyle(fontSize: 30),
)

Pakete, Repositories und App-Kategorien suchen

Paket installieren