Web 上の React Navigation
（警告アイコン）警告
Web のサポートは実験段階であり、開発中です。バグがあり、多くの機能が不足しており、Web 統合の API はマイナーバージョンで変更される可能性があります。テストにご協力いただき、バグが発生した場合はバグレポートを開いてください。
React Navigation の Web サポートは、現在、React Native for Web を使用する必要があります。このアプローチにより、React Native と Web の両方で同じコードを再利用できます。
現在、以下の機能が利用可能です
navigation.navigate などのナビゲーションアクションではなく、リンクをナビゲーションの主要な方法として使用することが重要です。Web 上でリンクが適切に使用できるようになります。
一部のナビゲーターは、Web 上で異なる設定になっているか、Web 固有の追加機能を提供しています
- ドロワー ナビゲーターと ボトムタブ ナビゲーターは、それぞれドロワーサイドバーとタブバーにハイパーリンクを表示します。
- Web 上で ドロワー ナビゲーターと スタック ナビゲーターを使用する場合、スワイプジェスチャは使用できません。
- デフォルトでは、スタック ナビゲーターはページ遷移アニメーションを無効にしますが、
animationEnabled: trueを指定することで再度有効にできます。
（メモアイコン）注記
React Navigation 4 とは異なり、React Native for Web を使用する場合、Web 統合を使用するために別のパッケージをインストールする必要はありません。@react-navigation/web パッケージがインストールされている場合は、React Navigation 6 では使用できないため、アンインストールしてください。