มีสองวิธีในการรับการเคลื่อนไหวที่ออกแบบลงในแอป React Native หนึ่งคือการสร้างมันขึ้นมาใหม่ด้วยมือด้วยไลบรารีเช่น Reanimated อีกประการหนึ่งคือการเล่นไฟล์ที่สร้างในเครื่องมือออกแบบผ่านรันไทม์ ExodeUI ใช้แนวทางที่สอง
คุณออกแบบส่วนประกอบใน ExodeUI ด้วยสถานะ การเปลี่ยนภาพ ฟิสิกส์ของสปริง และตรรกะ ผลลัพธ์คือไฟล์ .exode JSON หนึ่งไฟล์ ในแอปของคุณ รันไทม์ ExodeUI React Native จะเล่นไฟล์นั้น และโค้ดของคุณจะควบคุมไฟล์ดังกล่าว: ตั้งค่าอินพุตบูลีนเมื่อมีการโหลดคำขอ เรียกใช้ทริกเกอร์เมื่อดำเนินการสำเร็จ หรือตั้งค่าตัวเลขจากตำแหน่งแถบเลื่อนหรือตำแหน่งเลื่อน ภาพเคลื่อนไหวยังสามารถส่งเหตุการณ์กลับไปยังโค้ดของคุณได้
ซึ่งหมายความว่านักออกแบบสามารถเปลี่ยนเวลา สี หรือสถานะได้โดยไม่ต้องให้นักพัฒนาเขียนโค้ดแอนิเมชั่นใหม่ ตราบใดที่อินพุตและเหตุการณ์ยังคงเหมือนเดิม เนื่องจากไฟล์ถูกแชร์ ส่วนประกอบเดียวกันจึงสามารถใช้ได้ในเว็บแอป React, แอป SwiftUI หรือแอป Flutter
หากคุณต้องการโค้ดที่เขียนด้วยมือแทน เช่น เนื่องจากคุณต้องการการควบคุมเต็มรูปแบบหรือมีขีดจำกัดบันเดิลที่เข้มงวด Reanimated ยังคงเป็นตัวเลือกมาตรฐานใน React Native บางทีมใช้ทั้งสองอย่าง: การเคลื่อนไหวที่เขียนด้วยลายมือสำหรับการนำทางหลักและไฟล์รันไทม์สำหรับส่วนประกอบที่สมบูรณ์ยิ่งขึ้น
เช่นเดียวกับรันไทม์ใดๆ ให้ทดสอบบนอุปกรณ์ที่คุณรองรับ โดยเฉพาะโทรศัพท์ Android รุ่นเก่า ก่อนที่จะใช้กับหน้าจอที่สำคัญ