ReactNative/native modules setup

عادةً ما تُوزَّع الوحدات الأصيلة كحزم 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

مصادر

• صفحة Native Modules Setup في توثيق React Native الرسمي.