Istnieją dwa sposoby przeniesienia zaprojektowanego ruchu do aplikacji React Native. Jednym z nich jest ręczne odbudowanie go za pomocą biblioteki takiej jak Reanimated. Drugim jest odtworzenie pliku utworzonego w narzędziu do projektowania w środowisku wykonawczym. ExodeUI przyjmuje drugie podejście.
Projektujesz komponent w ExodeUI z jego stanami, przejściami, fizyką sprężyn i logiką. Rezultatem jest jeden plik .exode JSON. W Twojej aplikacji środowisko wykonawcze ExodeUI React Native odtwarza ten plik, a Twój kod nim steruje: ustaw wartość logiczną podczas ładowania żądania, uruchom wyzwalacz, gdy zakończy się pomyślnie lub ustaw liczbę za pomocą suwaka lub pozycji przewijania. Animacja może również wysyłać zdarzenia z powrotem do kodu.
Oznacza to, że projektant może zmienić czas, kolory lub stan bez konieczności przepisywania przez programistę kodu animacji, pod warunkiem, że dane wejściowe i zdarzenia pozostaną takie same. Ponieważ plik jest współdzielony, tego samego komponentu można używać w aplikacji internetowej React, aplikacji SwiftUI lub aplikacji Flutter.
Jeśli zamiast tego chcesz mieć kod napisany ręcznie, na przykład dlatego, że potrzebujesz pełnej kontroli lub masz rygorystyczne limity pakietów, Reanimated pozostaje standardowym wyborem w React Native. Niektóre zespoły używają zarówno ręcznie napisanego ruchu do podstawowej nawigacji, jak i plików wykonawczych do bogatszych komponentów.
Podobnie jak w przypadku każdego środowiska wykonawczego, przed użyciem go w przypadku krytycznych ekranów przetestuj go na obsługiwanych urządzeniach, zwłaszcza na starszych telefonach z Androidem.