Er zijn twee manieren om ontworpen beweging in een React Native-app te krijgen. Een daarvan is om het met de hand opnieuw op te bouwen met een bibliotheek zoals Reanimated. De andere is het afspelen van een bestand dat in een ontwerptool is gemaakt via een runtime. ExodeUI kiest voor de tweede benadering.
Je ontwerpt de component in ExodeUI met zijn toestanden, overgangen, veerfysica en logica. Het resultaat is één .exode JSON-bestand. In uw app speelt de ExodeUI React Native-runtime dat bestand af, en uw code bestuurt het: stel een Booleaanse invoer in wanneer een verzoek wordt geladen, activeer een trigger wanneer het slaagt, of stel een getal in vanaf een schuifregelaar of schuifpositie. De animatie kan ook gebeurtenissen terugsturen naar uw code.
Dit betekent dat een ontwerper de timing, kleuren of een status kan veranderen zonder dat een ontwikkelaar de animatiecode hoeft te herschrijven, zolang de invoer en gebeurtenissen hetzelfde blijven. Omdat het bestand wordt gedeeld, kan hetzelfde onderdeel worden gebruikt in een React-webapp, een SwiftUI-app of een Flutter-app.
Als je liever handgeschreven code wilt, bijvoorbeeld omdat je volledige controle nodig hebt of strikte bundellimieten hebt, blijft Reanimated de standaardkeuze in React Native. Sommige teams gebruiken beide: handgeschreven bewegingen voor kernnavigatie en runtimebestanden voor rijkere componenten.
Zoals bij elke runtime moet u testen op de apparaten die u ondersteunt, vooral oudere Android-telefoons, voordat u erop vertrouwt voor kritieke schermen.