الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

رد الفعل Router-navigation

لم يعد هذا المشروع يتم الحفاظ عليه بعد الآن ... اذهب انظر react-navigation

يوفر react-router-navigation أدوات للتنقل بين شاشات متعددة مع الملاحين أو طرق عرض TAB. تعتمد هذه المكتبة على react-router ، react-navigation ، react-native-tab-view .

أبرز

  • مجرد وظيفة إضافية react-router
  • التكلفة التعريفية
  • اسمح لك بالاتصال بالتحولات في أي مكان في الكود الخاص بك بمكونات بسيطة
  • التوجيه الديناميكي
  • تنمية URL مدفوعة
  • حل التنقل سهل الاستخدام باستخدام react-navigation
  • دعم شريط علامات التبويب باستخدام react-native-tab-view
  • المنصات المتقاطعة (iOS ، Android و Web)
  • الدعم العميق في الدرجة الأولى
  • الملاحين المتداخلين
  • تم اختباره بالكامل وصرامة
  • دعم TypeScript

؟ العروض التوضيحية

  • الحد الأدنى من التطبيق الأصلي
  • التطبيق الأصلي للعالم الحقيقي
  • Polaris Web App ➡ رؤيته!

كيفية استخدام

التثبيت كاعتماد على المشروع: 

$ yarn add react-router react-router-native react-router-navigation

يمكنك الآن استخدام React Router Mavigation للتنقل بين شاشاتك:

مرشد

لمعرفة كيفية عمل المكتبة ، توجه إلى هذه المقدمة التي كتبها @charlesmangwa: ألف طريقة للتنقل في React-Native

مستندات

  • <Navigation /> يتعامل مع الانتقال بين المشاهد المختلفة في تطبيقك.
  • <Tabs /> اجعل من السهل استكشافها والتبديل بين طرق العرض المختلفة.
  • <BottomNavigation /> اجعل من السهل استكشافها والتبديل بين طرق العرض ذات المستوى الأعلى في نقرة واحدة.
  • يعمل بشكل رائع مع React Native Web. ابدء
  • وبعض نصائح الأداء

؟ يساهم

هل تريد اختراق react-router-navigation ؟ مذهل! نرحب بالمساهمات من أي شخص والجميع.

  1. شوك هذا المستودع إلى حساب GitHub الخاص بك ثم استنساخه إلى جهازك المحلي
  2. تثبيت التبعيات باستخدام الغزل: yarn
  3. تأكد من أن الاختبارات تمر باستخدام yarn test
  4. إرسال طلب سحب؟

تذكر إضافة اختبارات للتغيير إذا أمكن. ️

أسئلة

إذا كان لديك أي أسئلة ، فلا تتردد في الاتصال بـ TwitterLeo_lebras أو فتح مشكلة.

؟ شكرًا

تعتمد react-router-navigation على جهاز توجيه React. بفضل Ryan Florence @Ryanflorence و Michael Jackson Mjackson وجميع المساهمين على عملهم في react-router history .

شكر خاص لـ ericvicenti و skevy و @satya164 و @Grabbou لعملهم على react-navigation و @Satya164 على عمله في react-native-tab-view .

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل