Има два начина да вкарате проектирано движение в приложение React Native. Единият е да го възстановите на ръка с библиотека като Reanimated. Другият е да възпроизведете файл, направен в инструмент за проектиране, през среда за изпълнение. ExodeUI използва втория подход.
Вие проектирате компонента в ExodeUI с неговите състояния, преходи, пролетна физика и логика. Резултатът е един .exode JSON файл. Във вашето приложение средата за изпълнение на ExodeUI React Native възпроизвежда този файл и вашият код го контролира: задайте булев вход, когато се зарежда заявка, задействайте тригер, когато тя успее, или задайте число от плъзгач или позиция на превъртане. Анимацията може също така да изпраща събития обратно към вашия код.
Това означава, че дизайнерът може да промени времето, цветовете или състоянието, без програмист да пренаписва кода на анимацията, стига входовете и събитията да останат същите. Тъй като файлът е споделен, същият компонент може да се използва в уеб приложение React, приложение SwiftUI или приложение Flutter.
Ако вместо това искате ръчно написан код, например защото имате нужда от пълен контрол или имате строги ограничения на пакетите, Reanimated остава стандартният избор в React Native. Някои екипи използват и двете: ръкописно движение за основна навигация и файлове за изпълнение за по-богати компоненти.
Както при всяко време за изпълнение, тествайте на устройствата, които поддържате, особено на по-стари телефони с Android, преди да разчитате на него за критични екрани.