رد فعل القالب الأصلي الأصلي
NativeGo هو القالب الأصلي لبداية سريعة.
➡ التبعيات
npx react-native init <APPLICATION_NAME> --template react-native-template-nativego
ملاحظة على Legacy CLI
يبدو أن هناك بعض الالتباس حول القديم القديم. هذا القالب يعمل فقط مع CLI الجديد. تأكد من إلغاء تثبيت القديم الأول للتفاعل الأول (NPM Unnstall -G React-Cli) ، حتى يعمل الأمر أدناه. إذا كنت ترغب في عدم استخدام NPX ، فيمكنك أيضًا تثبيت CLI الجديد على مستوى العالم (NPM I -G @React-Native-Community/CLI أو Yarn Global Add @React-Native-Community/CLI).
يمكن الاطلاع على مزيد من المعلومات هنا: https://github.com/react-native-community/cli#about
️ التبعيات
- @gorhom/bottom-sheet
- react-native-async storage/async storage
- @React-Native-Community/DateTimePicker
- @React-Native-Community/Hooks
- @React-Native-Community/Masked-View
- @React Navigation/Native
- @React Navigation/Stack
- لحظة
- الأنواع
- رد الفعل-العدد
- رد الفعل-الوكالة
- رد الفعل-سهلة التنقل
- رد فعل الوريد الإبلاغ
- رد الفعل من المعالج
- React-Native-Keyboard-Aware-Scroll-View
- رد الفعل النصي-القمامة
- رد الفعل-dateTime-picker
- رد الفعل-progress
- رد الفعل المتواصل
- رد الفعل الآمن منطقة آمن
- رد الفعل على الشاشة
- تفاعل بين المتجول-المتجول
؟ بنية الملف:
SRC/
جميع الملفات داخل هذا المكون الأساسي.
API/
يحتوي هذا المجلد على منطق يتعلق بالاتصالات الخارجية API ، ويشمل:
- endpoints.js - حيث يتم تخزين جميع القيم الثابتة المطلوبة.
- Helper.js - لتخزين المنطق القابل لإعادة الاستخدام.
- ملفات الميزات الفردية - يحتوي كل ملف ميزة على منطق اتصال API لميزة معينة.
أصول/
مثلما يوحي الاسم ، يضم هذا الملفات الثابتة (مثل الصور) المستخدمة في التطبيق.
- الأصول/الخطوط: تحتوي على الخطوط المخصصة التي تستخدم
- الأصول/الصور: يحتوي على الصور التي تستخدم
- الأصول/JSON: يحتوي على JSON التي تستخدم
- الأصول/lottie: يحتوي على lottie التي تستخدم
إعادة/
هذا يحتفظ بجميع ملفات Redux إذا كنت تستخدم React-Redux لإدارة الحالة. Inside Redux Folder ، لديك إجراءات ، مخفضات ، تخزين يمكنها بسهولة إدارة ملفات Redux.
- Redux/Actions: جميع ملفات الإجراءات التي تستخدم حول Redux تذهب هنا.
- Redux/المخفضات: جميع المخفضات التي تستخدم حول Redux تذهب هنا.
- Redux/Store: يمكنك وضع متجرك داخل مجلد Redux Store.
عناصر/
يتم وضع المكونات المشتركة المستخدمة عبر الميزات في هذا الدليل. مثال على مثل هذا (كما هو موضح أعلاه) هو مكون التخطيط ، والذي يستخدم لالتفاف مكونات التطبيق وتحديد التصميم الكلي.
- المكونات/التنبيه: هذا يحتوي على التنبيه والتأكيد
- المكونات/الخلفية: فئة أساسية ولوحة المفاتيح المخصصة عرض الشاشات.
- المكونات/الزر: زر شائع.
- المكونات/التعداد: تحتوي على التعدادات.
- المكونات/FlatistItem: تحتوي على عناصر القائمة.
- المكونات/الإدخال: تحتوي على عدة أنواع من النصوص.
- المكونات/الوسائط: تحتوي على وسيط المنسدلة لـ InputDropdown والحاوية المشروطة.
- المكونات/التحميل المسبق: تحتوي على مؤشر التقدم ومؤشر التحميل.
شاشات/
يمكنك وضع جميع المكونات القائمة على الشاشة في الداخل هنا (على سبيل المثال - SplashScreen ، HomeScreen).
ملاحة/
أنت مشروع التنقل قاعدة يذهب هنا. يمكنك إنشاء مكدس المستكشف وتصديره إلى التطبيق الخاص بك.
أنماط/
إذا كان لديك أنماط عالمية محددة في مشروعك ، فيمكنك وضعه هنا مثل الألوان ، وأنماط الخطوط مثل الأشياء.
المرافق/
يمكنك وضع ملفات utils هنا.
- المرافق/السياق/السمة: وهذا يشمل سياق السمة المظلمة والخفيفة.
- المرافق/الوظائف/التنسيق: يتضمن هذا المجلد ثلاثة عملة وظائف مفيدة ، DecimalFormat ، DateFormat.
- المرافق/الوظائف/السجلات: يتضمن هذا السجل وظيفة يمكنك استخدامها لتسجيل الرسالة إما كوحدة التحكم.
- المرافق/الوظائف/التحقق من الصحة: يشتمل هذا المجلد على ثلاثة أكثر فائدة فائدة ، ValidatePasspassword.