Kétféleképpen lehet tervezett mozgást bevinni egy React Native alkalmazásba. Az egyik az, hogy kézzel újjáépítjük egy könyvtárral, mint például a Reanimated. A másik, hogy egy tervezőeszközben készült fájlt lejátszunk egy futtatókörnyezeten keresztül. A ExodeUI a második megközelítést alkalmazza.
Ön tervezi meg a ExodeUI összetevőt állapotaival, átmeneteivel, rugófizikájával és logikájával. Az eredmény egy .exode JSON fájl. Alkalmazásában a ExodeUI React Native futtatókörnyezet lejátssza ezt a fájlt, és a kódja vezérli azt: állítson be logikai bemenetet a kérés betöltésekor, indítson el egy triggert, ha sikeres, vagy állítson be egy számot egy csúszkával vagy görgetéssel. Az animáció eseményeket is visszaküldhet a kódjába.
Ez azt jelenti, hogy a tervező megváltoztathatja az időzítést, a színeket vagy az állapotot anélkül, hogy a fejlesztő újraírná az animációs kódot, mindaddig, amíg a bemenetek és az események változatlanok maradnak. Mivel a fájl meg van osztva, ugyanaz az összetevő használható egy React webalkalmazásban, egy SwiftUI alkalmazásban vagy egy Flutter alkalmazásban.
Ha inkább kézzel írt kódot szeretne, például azért, mert teljes vezérlésre van szüksége, vagy szigorú kötegkorlátokkal rendelkezik, a Reanimated továbbra is a React Native szabványos választása. Egyes csapatok mindkettőt használják: kézzel írt mozgást az alapvető navigációhoz, és futásidejű fájlokat a gazdagabb összetevőkhöz.
Mint minden futtatókörnyezet esetében, tesztelje a támogatott eszközöket, különösen a régebbi Android-telefonokat, mielőtt a kritikus képernyőkön hagyatkozna rá.