Der er to måder at få designet bevægelse ind i en React Native-app. Den ene er at genopbygge den i hånden med et bibliotek som Reanimated. Den anden er at afspille en fil lavet i et designværktøj gennem en runtime. ExodeUI tager den anden tilgang.
Du designer komponenten i ExodeUI med dens tilstande, overgange, fjederfysik og logik. Resultatet er én .exode JSON-fil. I din app afspiller ExodeUI React Native runtime den fil, og din kode styrer den: Indstil et boolesk input, når en anmodning indlæses, affyr en trigger, når den lykkes, eller indstil et tal fra en skyder eller rulleposition. Animationen kan også sende begivenheder tilbage til din kode.
Dette betyder, at en designer kan ændre timing, farver eller en tilstand, uden at en udvikler omskriver animationskoden, så længe input og begivenheder forbliver de samme. Fordi filen er delt, kan den samme komponent bruges i en React webapp, en SwiftUI app eller en Flutter app.
Hvis du i stedet vil have håndskrevet kode, for eksempel fordi du har brug for fuld kontrol eller har strenge bundt-grænser, forbliver Reanimated standardvalget i React Native. Nogle teams bruger begge dele: håndskrevne bevægelser til kernenavigation og runtime-filer til rigere komponenter.
Som med enhver runtime, test på de enheder, du understøtter, især ældre Android-telefoner, før du stoler på den til kritiske skærme.