Есть два способа добавить спроектированное движение в приложение React Native. Один из них — пересобрать его вручную с помощью такой библиотеки, как Reanimated. Другой способ — воспроизвести файл, созданный в инструменте проектирования, во время выполнения. ExodeUI использует второй подход.
Вы проектируете компонент в ExodeUI с его состояниями, переходами, физикой пружин и логикой. В результате получается один файл .exode JSON. В вашем приложении среда выполнения ExodeUI React Native воспроизводит этот файл, и ваш код управляет им: устанавливает логический ввод при загрузке запроса, запускает триггер в случае успеха или устанавливает число из положения ползунка или прокрутки. Анимация также может отправлять события обратно в ваш код.
Это означает, что дизайнер может изменить время, цвета или состояние без переписывания кода анимации разработчиком, при этом входные данные и события остаются прежними. Поскольку файл является общим, один и тот же компонент можно использовать в веб-приложении React, приложении SwiftUI или приложении Flutter.
Если вместо этого вам нужен написанный вручную код, например, потому что вам нужен полный контроль или у вас есть строгие ограничения на пакет, Reanimated остается стандартным выбором в React Native. Некоторые команды используют и то, и другое: рукописное движение для основной навигации и файлы времени выполнения для более сложных компонентов.
Как и в случае с любой другой средой выполнения, протестируйте ее на поддерживаемых вами устройствах, особенно на старых телефонах Android, прежде чем использовать ее для критически важных экранов.