Existem duas maneiras de obter movimento projetado em um aplicativo React Native. Uma é reconstruí-lo manualmente com uma biblioteca como Reanimated. A outra é reproduzir um arquivo feito em uma ferramenta de design através de um tempo de execução. ExodeUI adota a segunda abordagem.
Você projeta o componente em ExodeUI com seus estados, transições, física de mola e lógica. O resultado é um arquivo .exode JSON. Em seu aplicativo, o tempo de execução ExodeUI React Native reproduz esse arquivo e seu código o controla: defina uma entrada booleana quando uma solicitação estiver sendo carregada, acione um gatilho quando ela for bem-sucedida ou defina um número em um controle deslizante ou posição de rolagem. A animação também pode enviar eventos de volta ao seu código.
Isso significa que um designer pode alterar o tempo, as cores ou o estado sem que o desenvolvedor reescreva o código da animação, desde que as entradas e os eventos permaneçam os mesmos. Como o arquivo é compartilhado, o mesmo componente pode ser usado em um aplicativo da web React, um aplicativo SwiftUI ou um aplicativo Flutter.
Se você preferir código escrito à mão, por exemplo, porque precisa de controle total ou tem limites rígidos de pacote, Reanimated continua sendo a escolha padrão em React Native. Algumas equipes usam ambos: movimentos escritos à mão para navegação principal e arquivos de tempo de execução para componentes mais ricos.
Como acontece com qualquer tempo de execução, teste nos dispositivos compatíveis, especialmente em telefones Android mais antigos, antes de confiar nele para telas críticas.