animated_text_lerp

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

AnimatedTextLerp é um pacote Flutter que fornece widgets simples para animar suavemente entre valores numéricos ou de string. Permite transições fluidas para texto dinâmico, como números crescentes ou decrescentes, atualizações de moeda ou mudanças no conteúdo do texto com continuidade visual. Ideal para painéis, contadores e exibições de dados em tempo real, utiliza interpolação (lerp) para efeitos visuais suaves sem animações complexas. O pacote é compatível com todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

Contadores de números em tempo real
Atualizações de valor da moeda
Transições dinâmicas de texto
Métricas do painel
indicadores de progresso de carregamento
Estatísticas animadas

Principais recursos

animação suave baseada em lerp
Suporta tanto números quanto strings
Configuração mínima necessária
Compatibilidade multiplataforma
Duração e curva personalizáveis
Funções de easings embutidas

Indicado para

Contadores animados simples
Widgets de visualização de dados
Melhorias na interface do usuário
Aplicativos educacionais
painéis financeiros

Considerações

Não ideal para animações complexas
Personalização limitada além das propriedades básicas
Mais adequado para alterações menores de texto
Pode afetar o desempenho com atualizações de alta frequência
Requer um manuseio cuidadoso da formatação de string

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote