react router navigation

React-Router-Navigation

Dieses Projekt wird nicht mehr react-navigation

react-router-navigation bietet Tools zum navigieren zwischen mehreren Bildschirmen mit Navigatoren oder Registerkartenansichten. Diese Bibliothek basiert auf react-router , react-navigation und react-native-tab-view .

Highlights

• Nur ein Add-On zum react-router
• Deklarative Komposition
• Ermöglichen Sie, überall in Ihrem Code Übergänge mit einfachen Komponenten aufzurufen
• Dynamisches Routing
• URL -gesteuerte Entwicklung
• Eine benutzerfreundliche Navigationslösung mit react-navigation
• Registerkartenbalkenunterstützung mit react-native-tab-view
• Plattformübergreifend (iOS, Android und Web)
• Erste Klasse Deep Linking Support
• Verschachtelte Navigatoren
• Voll getestet und streng getotisch
• Unterstützung von Typenkript

? Demos

• Minimale native App
• Real World Native App
• Polaris Web App ➡️ Sieh es!

Wie man benutzt

Als Projektabhängigkeit installieren:

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

Jetzt können Sie die React -Router -Navigation verwenden, um zwischen Ihren Bildschirmen zu navigieren:

Führung

Um zu erfahren, wie die Bibliothek funktioniert, besuchen Sie diese von @Charlesmangwa geschriebene Einführung

Dokumente

• <Navigation /> übernimmt den Übergang zwischen verschiedenen Szenen in Ihrer App.
• <Tabs /> Machen Sie es einfach, zwischen verschiedenen Ansichten zu erforschen und zu wechseln.
• <BottomNavigation /> Machen Sie es einfach, in einem einzigen Tipp zwischen den Ansichten auf der oberen Ebene zu erforschen und zu wechseln.
• Funktioniert hervorragend mit React Native Web. Erste Schritte
• Und einige Performance -Tipps

? Beitragen

Möchten Sie auf react-router-navigation hacken? Eindrucksvoll! Wir begrüßen Beiträge von jedem und allen.

1. Geben Sie dieses Repository in Ihr eigenes Github -Konto und klonen Sie es dann auf Ihr lokales Gerät
2. Installieren Sie Abhängigkeiten mit Garn: yarn
3. Stellen Sie sicher, dass die Tests mit yarn test durchgeführt werden
4. Eine Pull -Anfrage senden?

Denken Sie daran, wenn möglich Tests für Ihre Änderung hinzuzufügen. Euen

Fragen

Wenn Sie Fragen haben, können Sie sich gerne auf Twitter @leo_lebras in Verbindung setzen oder ein Problem öffnen.

? Danke

react-router-navigation basiert auf React-Router. Vielen Dank an Ryan Florence @ryanflorence, Michael Jackson @Mjackson und alle Mitwirkenden für ihre Arbeit zum react-router und history .

Besonderer Dank geht an @ericvicenti, @skevy, @satya164 und @grabbou für ihre Arbeit an react-navigation und @Satya164 für seine Arbeit an react-native-tab-view .