Il existe deux façons d'intégrer un mouvement conçu dans une application React Native. La première consiste à le reconstruire à la main avec une bibliothèque telle que Reanimated. L'autre consiste à lire un fichier créé dans un outil de conception via un runtime. ExodeUI adopte la deuxième approche.
Vous concevez le composant dans ExodeUI avec ses états, transitions, physique du ressort et logique. Le résultat est un fichier .exode JSON. Dans votre application, le runtime ExodeUI React Native lit ce fichier et votre code le contrôle : définissez une entrée booléenne lors du chargement d'une requête, déclenchez un déclencheur lorsqu'elle réussit ou définissez un nombre à partir d'un curseur ou d'une position de défilement. L'animation peut également renvoyer des événements à votre code.
Cela signifie qu'un concepteur peut modifier le timing, les couleurs ou un état sans qu'un développeur réécrive le code d'animation, tant que les entrées et les événements restent les mêmes. Le fichier étant partagé, le même composant peut être utilisé dans une application Web React, une application SwiftUI ou une application Flutter.
Si vous souhaitez plutôt un code écrit à la main, par exemple parce que vous avez besoin d'un contrôle total ou que vous avez des limites strictes en matière de bundles, Reanimated reste le choix standard dans React Native. Certaines équipes utilisent les deux : des mouvements écrits à la main pour la navigation principale et des fichiers d'exécution pour les composants plus riches.
Comme pour tout environnement d'exécution, testez sur les appareils que vous prenez en charge, en particulier les anciens téléphones Android, avant de vous y fier pour les écrans critiques.