الفرق بين المراجعتين ل"ReactNative/native modules setup"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: إعداد الوحدات الأصيلة في React Native}}</noinclude> عادةً ما تُوزَّع الوحدات الأصيلة كحزم...')
 
سطر 16: سطر 16:
 
بعد الانتهاء من هذه الخطوة، يمكنك الانتقال إلى مجلد  تطبيق react الخاص بك (الذي أنشأته بالأمر ‎‎<code>react-native init MyApp</code>‎‎ أو ما شابهه)
 
بعد الانتهاء من هذه الخطوة، يمكنك الانتقال إلى مجلد  تطبيق react الخاص بك (الذي أنشأته بالأمر ‎‎<code>react-native init MyApp</code>‎‎ أو ما شابهه)
  
* أضف الوحدة المنشأة حديثا كاعتماديّةٍ في ملفّ package.json الخاص بك.
+
* أضف الوحدة المنشأة حديثا كاعتماديّةٍ في ملفّ <code>package.json</code> الخاص بك.
* نفّذ الأمر npm install لجلبها من مستودع npm المحلي.
+
* نفّذ الأمر <code>npm install</code> لجلبها من مستودع npm المحلي.
  
بعد تنفيذ كل ما سبق، يمكنك تصفّح وحدات iOS الأصيلة أو وحدات Android الأصيلة لإضافة شيفراتك البرمجيّة. تأكد من قراءة ملفّ README.md في مجلّد MyLibrary الخاص بك للحصول على إرشادات خاصّة بالمنصّة حول كيفية تضمين المشروع.
+
بعد تنفيذ كل ما سبق، يمكنك [[ReactNative/native modules ios|تصفّح وحدات iOS]] الأصيلة أو [[ReactNative/native modules android|وحدات Android]] الأصيلة لإضافة شيفراتك البرمجيّة. تأكد من قراءة ملفّ <code>README.md</code> في مجلّد <code>MyLibrary</code> الخاص بك للحصول على إرشادات خاصّة بالمنصّة حول كيفية تضمين المشروع.
  
 
== مصادر ==
 
== مصادر ==
 
* [https://facebook.github.io/react-native/docs/native-modules-setup صفحة Native Modules Setup في توثيق React Native الرسمي.]
 
* [https://facebook.github.io/react-native/docs/native-modules-setup صفحة Native Modules Setup في توثيق React Native الرسمي.]
 
[[تصنيف:ReactNative]]
 
[[تصنيف:ReactNative]]

مراجعة 17:58، 19 يونيو 2019

عادةً ما تُوزَّع الوحدات الأصيلة كحزم npm، باستثناء أنّها تحتوي على شيفراتٍ أصيلة حسب المنصّة إضافة إلى شيفرة JavaScript المعتادة. انظر هذه الصفحة للاستزادة حول حزم npm.

لإعداد بنية المشروع الأساسية لوحدةٍ أصيلة، سنستخدم مكتبة react-native-create-library. يمكنك التعمق في كيفية عمل هذه المكتبة إن أردت، لكنّنا سنحتاج هنا فقط إلى ما يلي:

$ npm install -g react-native-create-library
$ react-native-create-library MyLibrary

حيث ‎‎MyLibrary‎‎ هو الاسم الذي تريده للوحدة الجديدة. بعد تنفيذ ما سبق، انتقل إلى مجلد MyLibrary‎‎ وثبّت حزمة npm لتكون متاحة محليًا على حاسوبك بالأمر التالي:

$ npm install

بعد الانتهاء من هذه الخطوة، يمكنك الانتقال إلى مجلد تطبيق react الخاص بك (الذي أنشأته بالأمر ‎‎react-native init MyApp‎‎ أو ما شابهه)

  • أضف الوحدة المنشأة حديثا كاعتماديّةٍ في ملفّ package.json الخاص بك.
  • نفّذ الأمر npm install لجلبها من مستودع npm المحلي.

بعد تنفيذ كل ما سبق، يمكنك تصفّح وحدات iOS الأصيلة أو وحدات Android الأصيلة لإضافة شيفراتك البرمجيّة. تأكد من قراءة ملفّ README.md في مجلّد MyLibrary الخاص بك للحصول على إرشادات خاصّة بالمنصّة حول كيفية تضمين المشروع.

مصادر