react router navigation

React-Router-Navigation

このプロジェクトはもう維持されていません... react-navigationを見に行きます

react-router-navigationナビゲーターまたはタブビューを使用して複数の画面間をナビゲートするためのツールを提供します。このライブラリは、 react-router 、 react-navigation 、およびreact-native-tab-viewに基づいています。

ハイライト

• react-routerへのアドオンだけです
• 宣言的な複合性
• コードのどこにでも簡単なコンポーネントを使用してトランジションを呼び出すことができます
• 動的ルーティング
• URL駆動型開発
• react-navigationを使用した使いやすいナビゲーションソリューション
• react-native-tab-viewを使用したタブバーサポート
• クロスプラットフォーム（iOS、Android、Web）
• ファーストクラスの深いリンクサポート
• ネストされたナビゲーター
• 完全にテストされ、厳密にタイプ
• タイプスクリプトサポート

？デモ

• 最小限のネイティブアプリ
• Real Worldネイティブアプリ
• Polaris Webアプリ➡️参照！

使い方

プロジェクトの依存関係としてインストール：

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

これで、Reactルーターナビゲーションを使用して、画面間でナビゲートできます。

ガイド

図書館の仕組みを学ぶには、@Charlesmangwaによって書かれたこの紹介に向かいます：React-Nativeでナビゲートする千の方法

ドキュメント

• <Navigation />アプリ内の異なるシーン間の移行を処理します。
• <Tabs />異なるビューを簡単に探索して切り替えることができます。
• <BottomNavigation /> 1回のタップでトップレベルのビューを簡単に調査して切り替えることができます。
• React Native Webでうまく機能します。はじめる
• そして、いくつかのパフォーマンスのヒント

？貢献する

react-router-navigationをハックしたいですか？素晴らしい！誰からも誰からも貢献しています。

1. このリポジトリを独自のGitHubアカウントにフォークしてから、ローカルデバイスにクローンします
2. 糸： yarnを使用して依存関係をインストールします
3. yarn testを使用してテストが合格していることを確認してください
4. プルリクエストを送信しますか？

可能であれば、変更のテストを追加することを忘れないでください。ショ和

質問

ご質問がある場合は、Twitter @LEO_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感謝します。