React Native 앱에 설계된 모션을 가져오는 방법에는 두 가지가 있습니다. 하나는 Reanimated와 같은 라이브러리를 사용하여 손으로 다시 빌드하는 것입니다. 다른 하나는 디자인 툴로 만든 파일을 런타임을 통해 재생하는 것이다. ExodeUI는 두 번째 접근 방식을 취합니다.
상태, 전환, 스프링 물리학 및 논리를 사용하여 ExodeUI에서 구성 요소를 설계합니다. 결과는 하나의 .exode JSON 파일입니다. 앱에서 ExodeUI React Native 런타임은 해당 파일을 재생하고 코드는 이를 제어합니다. 즉, 요청이 로드될 때 부울 입력을 설정하고, 성공할 때 트리거를 실행하거나, 슬라이더 또는 스크롤 위치에서 숫자를 설정합니다. 애니메이션은 이벤트를 코드로 다시 보낼 수도 있습니다.
이는 입력과 이벤트가 동일하게 유지되는 한 개발자가 애니메이션 코드를 다시 작성하지 않고도 디자이너가 타이밍, 색상 또는 상태를 변경할 수 있음을 의미합니다. 파일이 공유되기 때문에 React 웹 앱, SwiftUI 앱 또는 Flutter 앱에서 동일한 구성 요소를 사용할 수 있습니다.
예를 들어 완전한 제어가 필요하거나 엄격한 번들 제한이 있기 때문에 대신 손으로 작성한 코드를 원하는 경우 Reanimated는 React Native의 표준 선택으로 유지됩니다. 일부 팀에서는 핵심 탐색을 위한 손으로 작성한 모션과 보다 풍부한 구성 요소를 위한 런타임 파일을 모두 사용합니다.
모든 런타임과 마찬가지로 중요한 화면에 사용하기 전에 지원하는 장치, 특히 구형 Android 휴대폰에서 테스트하십시오.