react router navigation

React-Router-Navigation

Ce projet n'est plus maintenu ... Allez voir react-navigation

react-router-navigation fournit des outils pour naviguer entre plusieurs écrans avec des navigateurs ou des vues d'onglet. Cette bibliothèque est basée sur react-router , react-navigation et react-native-tab-view .

Points forts

• Juste un module complémentaire à react-router
• Composabilité déclarative
• Vous permettre d'appeler des transitions n'importe où dans votre code avec des composants simples
• Routage dynamique
• Développement motivé par l'URL
• Solution de navigation facile à utiliser à l'aide de react-navigation
• Prise en charge de la barre d' react-native-tab-view
• Multiplateforme (iOS, Android et Web)
• Support de liaison profonde de première classe
• Navigateurs imbriqués
• Complètement testé et strictement typé
• Support dactylographié

? Démos

• Application native minimale
• Application native du monde réel
• Application Web Polaris ➡️ Voir!

Comment utiliser

Installer comme dépendance du projet:

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

Vous pouvez maintenant utiliser la navigation React Router pour naviguer entre vos écrans:

Guide

Pour savoir comment fonctionne la bibliothèque, dirigez-vous vers cette introduction écrite par @charlesmangwa: mille façons de naviguer dans React-Native

Docs

• <Navigation /> gère la transition entre différentes scènes de votre application.
• <Tabs /> facilite l'explorer et basculer entre les différentes vues.
• <BottomNavigation /> facilite l'explorer et basculer entre les vues de niveau supérieur en un seul robinet.
• Fonctionne très bien avec React Native Web. Commencer
• Et quelques conseils de performance

? Contribuer

Vous voulez pirater sur react-router-navigation ? Génial! Nous accueillons les contributions de tous et à tous.

1. Fourk ce référentiel sur votre propre compte GitHub, puis le cloner vers votre appareil local
2. Installez les dépendances à l'aide du fil: yarn
3. Assurez-vous que les tests passent à l'aide yarn test
4. Envoyer une demande de traction?

N'oubliez pas d'ajouter des tests pour votre modification si possible. ️

Questions

Si vous avez des questions, n'hésitez pas à contacter Twitter @Leo_Lebras ou à ouvrir un problème.

? Merci

react-router-navigation est basé sur le routeur React. Merci à Ryan Florence @Ryanflorence, Michael Jackson @mjackson et tous les contributeurs de leur travail sur react-router et history .

Un merci spécial à @ericvicenti, @skevy, @ satya164 et @grabbou pour leur travail sur react-navigation et @ Satya164 pour son travail sur react-native-tab-view .