Guias
Escolha a tarefa que você tem pela frente. Cada guia explica o comportamento, não só a sintaxe: o que começa, o que interrompe e o que é limpo.
- Valores e styleMantenha um valor em um componente, derive saídas com calc() e escolha onde a variável CSS é gravada.
- Timing, molas e composiçãoEscolha um driver, combine vários e saiba exatamente o que acontece quando um é parado ou substituído.
- Componentes AnimatedRenderize elementos comuns que vão até um destino, respondem a gestos e saem com elegância.
- Entrada e gestosGrave ponteiro, arraste, rolagem e outras entradas em valores, e faça outros valores segui-los.
- Entrar, sair e layoutMantenha os filhos que estão saindo até o movimento terminar e anime mudanças de posição e tamanho, inclusive entre componentes.
- Linhas do tempoRode muitas trilhas em um relógio que permite buscar: tocar, pausar, avançar, inverter e mudar a velocidade.
- Vindo do React NativeO que continua igual, o que muda e o que a web acrescenta.
- Desempenho e reproduçãoComo o Animated evita trabalho a cada quadro, como conferir qual caminho um elemento usa e como os números da página inicial foram medidos.
- SSR, testes e produçãoRenderização no servidor, hidratação, testes e as regras de limpeza em que você pode confiar.