هذا مشروع جديد React Native ، bootstrapped باستخدام @react-native-community/cli .
ملاحظة : تأكد من إكمال تعليمات React Native - Environment Setup حتى "إنشاء تطبيق جديد" ، قبل المتابعة.
أولاً ، ستحتاج إلى بدء مترو ، Bundler JavaScript الذي يشحن مع React Native.
لبدء مترو ، قم بتشغيل الأمر التالي من جذر مشروع React Native:
# using npm
npm start
# OR using Yarn
yarn startدع Bundler Bundler يركض في محطة خاصة به. افتح محطة جديدة من جذر مشروع React Native. قم بتشغيل الأمر التالي لبدء تطبيق Android أو iOS :
# using npm
npm run android
# OR using Yarn
yarn android # using npm
npm run ios
# OR using Yarn
yarn iosإذا تم إعداد كل شيء بشكل صحيح ، فيجب أن ترى تطبيقك الجديد يعمل في محاكي Android أو iOS Simulator قريبًا بشرط إعداد المحاكي/المحاكاة بشكل صحيح.
هذه طريقة واحدة لتشغيل التطبيق الخاص بك - يمكنك أيضًا تشغيله مباشرةً من داخل Android Studio و Xcode على التوالي.
الآن بعد أن نجحت في تشغيل التطبيق ، دعنا نعدله.
افتح App.tsx في محرر النصوص المفضل لديك وتعديل بعض الخطوط.
لنظام Android : اضغط على مفتاح R مرتين أو حدد "إعادة التحميل" من قائمة المطورين ( Ctrl + M (على النافذة و Linux) أو CMD ⌘ + M (على MacOS)) لمعرفة التغييرات الخاصة بك!
لنظام التشغيل iOS : اضغط على CMD ⌘ + R في جهاز محاكاة iOS الخاص بك لإعادة تحميل التطبيق ومشاهدة التغييرات الخاصة بك!
لقد نجحت في تشغيل تطبيق React Native وتعديله. ؟
إذا لم تتمكن من الحصول على هذا العمل ، راجع صفحة استكشاف الأخطاء وإصلاحها.
لمعرفة المزيد حول React Native ، ألق نظرة على الموارد التالية:
@facebook/react-native - المصدر المفتوح ؛ مستودع جيثب لرد الأصلي.