Hay dos formas de incorporar movimiento diseñado en una aplicación React Native. Una es reconstruirlo a mano con una biblioteca como Reanimated. La otra es reproducir un archivo creado en una herramienta de diseño a través de un tiempo de ejecución. ExodeUI adopta el segundo enfoque.
Usted diseña el componente en ExodeUI con sus estados, transiciones, física de resortes y lógica. El resultado es un archivo .exode JSON. En su aplicación, el tiempo de ejecución ExodeUI React Native reproduce ese archivo y su código lo controla: establezca una entrada booleana cuando se carga una solicitud, active un disparador cuando tenga éxito o establezca un número desde un control deslizante o una posición de desplazamiento. La animación también puede enviar eventos a su código.
Esto significa que un diseñador puede cambiar el tiempo, los colores o un estado sin que un desarrollador reescriba el código de animación, siempre que las entradas y los eventos sigan siendo los mismos. Debido a que el archivo es compartido, el mismo componente se puede usar en una aplicación web React, una aplicación SwiftUI o una aplicación Flutter.
Si en su lugar desea código escrito a mano, por ejemplo porque necesita control total o tiene límites de paquete estrictos, Reanimated sigue siendo la opción estándar en React Native. Algunos equipos utilizan ambos: movimientos escritos a mano para la navegación principal y archivos de tiempo de ejecución para componentes más completos.
Al igual que con cualquier tiempo de ejecución, pruébelo en los dispositivos compatibles, especialmente en los teléfonos Android más antiguos, antes de confiar en él para pantallas críticas.