Introdução
Quando uma interface se move bem, o usuário sente fluidez. Quando ela engasga, a mesma animação passa a comunicar instabilidade.
Flutter permite experiências muito ricas, mas isso não significa que toda animação é barata. A combinação de layout, pintura e estado ainda exige cuidado.
De onde vem o jank na prática
O problema costuma estar em reconstrução excessiva, efeitos caros para o device alvo e animação aplicada em áreas grandes demais da interface.
// O que ajuda a manter fluidez
- Animar propriedades mais baratas sempre que possível
- Evitar repaint desnecessário em áreas grandes
- Medir em devices reais antes de aprovar o efeito como pronto
Padrões mais seguros para o dia a dia
- Transições curtas e intencionais
- Microinterações focadas em feedback
- Entrada e saída de tela com hierarquia clara
Como medimos antes de publicar
- Rodamos perfis nos devices-alvo.
- Checamos tempo de frame nos fluxos mais usados.
- Revisamos se o ganho visual compensa o custo computacional.
Conclusão
Animação boa é a que reforça a experiência sem chamar atenção para a própria execução. Em mobile, performance continua sendo parte do design.