Det er to måter å få designet bevegelse inn i en React Native-app. Den ene er å gjenoppbygge den for hånd med et bibliotek som Reanimated. Den andre er å spille av en fil laget i et designverktøy gjennom en kjøretid. ExodeUI tar den andre tilnærmingen.
Du designer komponenten i ExodeUI med dens tilstander, overganger, fjærfysikk og logikk. Resultatet er én .exode JSON-fil. I appen din spiller ExodeUI React Native runtime den filen, og koden din kontrollerer den: angi en boolsk inngang når en forespørsel lastes, avfyr en utløser når den lykkes, eller sett et tall fra en skyve- eller rulleposisjon. Animasjonen kan også sende hendelser tilbake til koden din.
Dette betyr at en designer kan endre timing, farger eller tilstand uten at en utvikler skriver om animasjonskoden, så lenge inngangene og hendelsene forblir de samme. Fordi filen er delt, kan den samme komponenten brukes i en React-webapp, en SwiftUI-app eller en Flutter-app.
Hvis du i stedet vil ha håndskrevet kode, for eksempel fordi du trenger full kontroll eller har strenge buntgrenser, forblir Reanimated standardvalget i React Native. Noen team bruker begge deler: håndskrevne bevegelser for kjernenavigasjon og kjøretidsfiler for rikere komponenter.
Som med enhver kjøretid, test på enhetene du støtter, spesielt eldre Android-telefoner, før du stoler på den for kritiske skjermer.