tldr: React-navigation is most robust.
Points to remember:
- React navigation is recommended solution by react-native team. @source: react-native Docs
- All packages by react-navigation: Click here
- A deprecated npm library of react-navigation@npm
- Fast and Express way of learning
react-native
andreact-navigation
: https://www.reactnative.express/
Beautiful Topics in react-navigation
:
- Stack Navigator vs. Native Stack Navigator: They both provides a way for your app to transition between screens where each new screen is placed on top of a stack. TLDR: This navigator uses the native APIs UINavigationController on iOS and Fragment on Android so that navigation built with createNativeStackNavigator will behave exactly the same and have the same performance characteristics as apps built natively on top of those APIs. It also offers basic Web support using react-native-web.
- React navigation works on web as well: Read Official Release article, dated: 27 July, 2022
- Amazing react-navigation Router Playground: Playground. FYI: You can edit
url
andcurrent state
of route to get the results inChart
,State
andAction
format.
Others:
- Deep linking in react-router-native Source
- Another navigation library that promises to provide native performance and is imperative as it runs directly on the native apis i.e.,
react-native-navigation
and there is a guide on plugging it into existing app code base here. - An amazing article comparing react-navigation and react-native-navigation: Click here.
- Npm and Github STATS:
- Github:
react-navigation
(21.4K*) vs.react-router-native
(in monorepo here) vs.react-native-navigation
12.6K* - DATE: 27 July, 2022.
- In react-navigation getting started it says to start with:
npm install @react-navigation/native
. - Npm: compare-npm-stats
- Github: