Existujú dva spôsoby, ako dostať navrhnutý pohyb do aplikácie React Native. Jedným z nich je prestavať ho ručne pomocou knižnice, ako je Reanimated. Druhým je prehrávanie súboru vytvoreného v dizajnovom nástroji cez runtime. ExodeUI má druhý prístup.
Navrhnete komponent v ExodeUI s jeho stavmi, prechodmi, fyzikou pružiny a logikou. Výsledkom je jeden súbor .exode JSON. Vo vašej aplikácii runtime ExodeUI React Native prehrá tento súbor a váš kód ho riadi: nastavte booleovský vstup pri načítavaní požiadavky, spustite spúšťač, keď je úspešná, alebo nastavte číslo z pozície posúvača alebo posúvania. Animácia môže tiež odosielať udalosti späť do vášho kódu.
To znamená, že dizajnér môže zmeniť načasovanie, farby alebo stav bez toho, aby vývojár prepisoval kód animácie, pokiaľ vstupy a udalosti zostanú rovnaké. Keďže súbor je zdieľaný, rovnaký komponent možno použiť vo webovej aplikácii React, aplikácii SwiftUI alebo Flutter.
Ak chcete namiesto toho ručne písaný kód, napríklad preto, že potrebujete plnú kontrolu alebo máte prísne obmedzenia balíkov, Reanimated zostáva štandardnou voľbou v React Native. Niektoré tímy používajú oboje: ručne písaný pohyb pre základnú navigáciu a súbory runtime pre bohatšie komponenty.
Ako pri každom runtime, otestujte na zariadeniach, ktoré podporujete, najmä na starších telefónoch s Androidom, a až potom sa naň spoľahnite pri kritických obrazovkách.