React Navigation on the Web
Support for web is experimental and a work in progress. It has bugs, is missing many features and the API for web integration may change in minor versions. Please help us test it and open bug reports if you encounter a bug.
React Navigation's web support currently requires using React Native for Web. This approach lets us reuse the same code on both React Native and Web.
Currently, the following features are available:
It's important to use links as the primary way of navigation instead of navigation actions such as navigation.navigate. It'll ensure that your links are properly usable on web.
Some of the navigators are also configured differently on web or provide additional web specific features:
- The drawer and bottom tab navigators show hyperlinks in the drawer sidebar and tab bar respectively.
- Swipe gestures are not available on drawer and stack navigators when using on the web.
- By default, stack navigator disables page transition animations, but it can be re-enabled by specifying
animationEnabled: true.
Unlike React Navigation 4, you don't need to install a separate package to use web integration when using React Native for Web. If you have the @react-navigation/web package installed, please uninstall it because it cannot be used with React Navigation 6.