الفرق بين المراجعتين ل"ReactNative/native modules setup"
Basema-bakleh (نقاش | مساهمات) (←مصادر) |
|||
| سطر 5: | سطر 5: | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| − | + | npx create-react-native-library react-native-awesome-module | |
| − | |||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | حيث <code> | + | حيث <code>react-native-awesome-module</code> هو الاسم الذي تريده للوحدة الجديدة. بعد تنفيذ ما سبق، انتقل إلى مجلد <code>react-native-awesome-module</code> وشغل مشروع المثال بواسطة : |
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| − | + | yarn | |
</syntaxhighlight> | </syntaxhighlight> | ||
| − | بعد الانتهاء من هذه الخطوة، يمكنك | + | بعد الانتهاء من هذه الخطوة، يمكنك بدء تطبيق المثال بتنفيذ إحدى التعليمات:<syntaxhighlight lang="javascript"> |
| + | # Android app | ||
| + | yarn example android | ||
| + | # iOS app | ||
| + | yarn example ios | ||
| + | </syntaxhighlight>بعد تنفيذ كل ما سبق، يمكنك [[ReactNative/native modules ios|تصفّح وحدات iOS]] الأصيلة أو [[ReactNative/native modules android|وحدات Android]] الأصيلة لإضافة شيفراتك البرمجيّة. | ||
| − | + | للحصول على إعداد أقل تصلبًا ألق نظرة على أداة الطرف الثالث [https://github.com/brodybits/create-react-native-module create-react-native-module] | |
| − | |||
| − | |||
| − | |||
== مصادر == | == مصادر == | ||
* [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]] | ||
مراجعة 22:32، 25 مارس 2021
عادةً ما تُوزَّع الوحدات الأصيلة كحزم npm، باستثناء أنّها تحتوي على شيفراتٍ أصيلة حسب المنصّة إضافة إلى شيفرة JavaScript المعتادة. انظر هذه الصفحة للاستزادة حول حزم npm.
لإعداد بنية المشروع الأساسية لوحدةٍ أصيلة، سنستخدم مكتبة react-native-create-library. يمكنك التعمق في كيفية عمل هذه المكتبة إن أردت، لكنّنا سنحتاج هنا فقط إلى ما يلي:
npx create-react-native-library react-native-awesome-module
حيث react-native-awesome-module هو الاسم الذي تريده للوحدة الجديدة. بعد تنفيذ ما سبق، انتقل إلى مجلد react-native-awesome-module وشغل مشروع المثال بواسطة :
yarn
بعد الانتهاء من هذه الخطوة، يمكنك بدء تطبيق المثال بتنفيذ إحدى التعليمات:
# Android app
yarn example android
# iOS app
yarn example ios
بعد تنفيذ كل ما سبق، يمكنك تصفّح وحدات iOS الأصيلة أو وحدات Android الأصيلة لإضافة شيفراتك البرمجيّة.
للحصول على إعداد أقل تصلبًا ألق نظرة على أداة الطرف الثالث create-react-native-module