هناك طريقتان للحصول على الحركة المصممة في تطبيق React Native. أحدهما هو إعادة بنائه يدويًا باستخدام مكتبة مثل Reanimated. والآخر هو تشغيل ملف تم إنشاؤه في أداة تصميم خلال وقت التشغيل. يأخذ ExodeUI النهج الثاني.
يمكنك تصميم المكون في ExodeUI بحالاته وانتقالاته وفيزياء الربيع ومنطقه. والنتيجة هي ملف .exode JSON واحد. في تطبيقك، يقوم وقت التشغيل ExodeUI React Native بتشغيل هذا الملف، وتتحكم التعليمات البرمجية الخاصة بك فيه: قم بتعيين إدخال منطقي عند تحميل الطلب، أو إطلاق مشغل عندما ينجح، أو تعيين رقم من شريط التمرير أو موضع التمرير. يمكن للرسوم المتحركة أيضًا إرسال الأحداث مرة أخرى إلى التعليمات البرمجية الخاصة بك.
وهذا يعني أن المصمم يمكنه تغيير التوقيت أو الألوان أو الحالة دون أن يقوم المطور بإعادة كتابة كود الرسوم المتحركة، طالما ظلت المدخلات والأحداث كما هي. نظرًا لأن الملف مشترك، يمكن استخدام نفس المكون في تطبيق ويب React أو تطبيق SwiftUI أو تطبيق Flutter.
إذا كنت تريد تعليمات برمجية مكتوبة بخط اليد بدلاً من ذلك، على سبيل المثال لأنك تحتاج إلى تحكم كامل أو لديك حدود صارمة للحزمة، فسيظل Reanimated هو الاختيار القياسي في React Native. تستخدم بعض الفرق كلا من: الحركة المكتوبة بخط اليد للتنقل الأساسي وملفات وقت التشغيل للمكونات الأكثر ثراءً.
كما هو الحال مع أي وقت تشغيل، قم باختبار الأجهزة التي تدعمها، وخاصة هواتف Android القديمة، قبل الاعتماد عليها في الشاشات المهمة.