animated_number

Instalar pacote

flutter pub add animated_number

Visão geral do pacote

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

Um pacote Flutter que permite transições suaves e animadas de números para interfaces dinâmicas. Ele anima automaticamente as mudanças entre valores inteiros, sendo ideal para contadores, exibição de pontuações ou qualquer dado numérico que se atualize ao longo do tempo. O pacote é leve e fácil de integrar, com suporte a todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Com opções personalizáveis de duração, curva e formatação, ele melhora a experiência do usuário ao fornecer feedback visual durante as alterações de valor.

Casos de uso

Contadores de pontuação em tempo real
Exibição dinâmica de estatísticas
indicadores de progresso
Atualizações animadas de preço
Cronômetros de contagem regressiva

Principais recursos

Interpolação suave de números
Duração de animação personalizável
Suporte para números decimais
Opções de formatação flexíveis
Compatibilidade multiplataforma

Indicado para

Aplicativos de gamificação
Widgets do painel
interfaces de rastreamento financeiro
Aplicativos educacionais
Componentes de interface interativa

Considerações

Mais adequado para valores inteiros ou decimais
Pode exigir estilos adicionais para formatação complexa
Limitado a animações numéricas apenas
Não ideal para dados não numéricos
Impacto no desempenho com atualizações de alta frequência

README original

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

Animated Number flutter package

This is an custom widget developed for flutter with some awesome features that will make your users more satisfied when they look into their numbers.

Preview

Sample

Getting started

Supported platforms

	Android	iOS	Linux	macOS	Web	Windows
Support	SDK 16+	9.0+	Any	10.11+	Any	Any

Usage

To use this plugin, add animated_number as a dependency in your pubspec.yaml file.

Examples

AnimatedNumber(
    startValue: 0,
    endValue: 2000,
    duration: Duration(seconds: 2),
    isFloatingPoint: false,
    style: TextStyle(
    color: Colors.orange,
    fontSize: 24,
    ),
)

AnimatedNumber(
    startValue: 0,
    endValue: 5500.38273626732,
    duration: Duration(seconds: 5),
    isFloatingPoint: true,
    decimalPoint: 4,
    style: TextStyle(
        color: Colors.lightBlue,
        fontSize: 42,
    ),
)

Features

Properties	Type	Description
startValue	num	Desired start value.
endValue	num	Desired end value.
duration	Duration	Duration for the animation.
isFloatingPoint	bool	Flag that controls if the iteration of the animation will be integer or floating point.
decimalPoint	int	Desired decimal points.
style	TextStyle?	Text style.
textAlign	TextAlign?	How the text should be aligned horizontally.
prefixText	String?	Desired prefix text.
sufixText	String?	Desired sufix text.

Contact

Any questions, issues or improvements feel free to contact me.
yagon2395@gmail.com

License

MIT

Categorias

Decoração de Texto, Efeito e Animação

Buscar pacotes, repositórios e categorias de apps