Det finns två sätt att få designad rörelse till en React Native-app. En är att bygga om den för hand med ett bibliotek som Reanimated. Den andra är att spela upp en fil gjord i ett designverktyg genom en körning. ExodeUI tar det andra tillvägagångssättet.
Du designar komponenten i ExodeUI med dess tillstånd, övergångar, fjäderfysik och logik. Resultatet är en .exode JSON-fil. I din app spelar ExodeUI React Native runtime den filen, och din kod styr den: ställ in en boolesk ingång när en begäran laddas, avfyra en utlösare när den lyckas, eller ställ in ett nummer från en skjutreglage eller rullningsposition. Animationen kan också skicka händelser tillbaka till din kod.
Detta innebär att en designer kan ändra timing, färger eller ett tillstånd utan att en utvecklare skriver om animationskoden, så länge indata och händelser förblir desamma. Eftersom filen är delad kan samma komponent användas i en React webbapp, en SwiftUI app eller en Flutter app.
Om du istället vill ha handskriven kod, till exempel för att du behöver full kontroll eller har strikta paketgränser, förblir Reanimated standardvalet i React Native. Vissa team använder båda: handskrivna rörelser för kärnnavigering och runtime-filer för rikare komponenter.
Som med alla körtider, testa på enheterna du stöder, särskilt äldre Android-telefoner, innan du litar på det för kritiska skärmar.