Widgets simples à animer entre un nombre ou une chaîne de texte pour Flutter

Widgets simples à animer entre un nombre ou une chaîne de texte. Utile pour l’animation d’augmentation/diminution de nombre, l’animation de valeur monétaire ou l’animation de changement de contenu de chaîne.

Caractéristiques

• Similaire à un simple widget Texte.
• Animation entre nombre (entier ou double) avec AnimatedNumberText.
• Animation entre les chaînes, qui lerp chaque caractère respectivement avec AnimatedStringText.
• Animation TextStyle prise en charge.
• Pensez au widget animé pré-construit de Flutter comme AnimatedOpacity, AnimatedAlign, …, mais avec du texte.

Commencer

import 'package:animated_text_lerp/animated_text_lerp.dart';

Usage

Le widget prend en charge les erreurs entre les valeurs numériques. Définissez simplementState avec la valeur actuelle et le widget commencera à s’animer.

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;
  },
)

Le widget prend en charge les lerping entre les valeurs de chaîne. Définissez simplementState avec la valeur actuelle et le widget commencera à s’animer. Chaque caractère sera lerp au nouveau correspondant respectivement.

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

GitHub

Voir Github