React Native - شرح الأوامر الأساسية بالأمثلة

ستجد هنا قائمة بالأوامر الأساسية لبدء تطوير تطبيقات iOS و Android باستخدام React Native. إذا لم يكن مثبتًا لديك حتى الآن ، فيوصى بشدة باتباع الدليل الرسمي.

بدء مشروع جديد

هناك طرق مختلفة يمكنك من خلالها تمهيد تطبيق أصلي يتفاعل. يمكنك استخدام Expo أو create-react-native-app(والذي بدوره يستخدم Expo-Cli) لبدء مشروعك الجديد ، ولكن باستخدام هذه الطريقة يمكنك التحكم بشكل أكبر في ما يحدث في مشروعك ويمكنك التواصل وتعديل وكتابة الوحدات النمطية الخاصة بك مع المكتبات الأصلية لنظام iOS ومنصة Android للجوّال.

react-native init [PROJECT-NAME] cd [PROJECT-NAME]

قم بتشغيل التطبيق في محاكي Android

هذا الأمر شرح ذاتيًا وكما يقول سيبدأ محاكي Android ويثبت التطبيق الذي أنشأته للتو. يجب أن تكون في جذر المشروع لتشغيل هذا الأمر.

react-native run-android

قم بتشغيل التطبيق في محاكي iOS

هذا الأمر يفعل نفس الشيء تمامًا react-native run-androidولكن بدلاً من محاكي Android ، يفتح محاكي iPhone.

react-native run-ios

ربط التبعيات بالمشاريع الأصلية

تحتوي بعض المكتبات على تبعيات يجب ربطها في الكود الأصلي الذي تم إنشاؤه لـ React Native. إذا لم ينجح شيء ما بعد تثبيت مكتبة جديدة ، فربما يكون ذلك بسبب تخطيك لهذه الخطوة.

react-native link [LIBRARY-NAME]

حزمة واضحة

إذا لم يتم تشغيل شيء ما كما هو متوقع ، فربما تحتاج إلى مسح وإنشاء حزمة جديدة باستخدام هذا الأمر.

watchman watch-del-all

دعم الزينة

لا يدعم JSX المصممين بشكل افتراضي ، لذا تحتاج إلى تثبيت المكون الإضافي Babel لجعله يعمل.

npm install babel-plugin-transform-decorators-legacy --save npm install babel-plugin-transform-class-properties --save

تصدير APK للتشغيل في الجهاز

باستخدام الأوامر التالية ، سيكون لديك ملف apk وغير موقع حتى تتمكن من التثبيت والمشاركة مع زملائك لأغراض الاختبار. فقط تذكر أن ملف apk هذا غير جاهز للتحميل إلى متجر التطبيقات أو الإنتاج. ستجد ملف apk الجديد الخاص بك بتنسيق android/app/build/outputs/apk/app-debug.apk.

1. بناء تصحيح الحزمة

react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

2. إنشاء بناء التصحيح

cd android ./gradlew assembleDebug

المزيد من الموارد حول React Native:

  • كيفية إنشاء تطبيقات الجوال باستخدام React Native
  • وظيفية مقابل مكونات الفئة في React Native
  • كيفية اختبار React Native Apps باستخدام Jest and Enzyme