← React Native learning path
React Native · Module 5 of 10

Navigation

Move between screens with React Navigation or Expo Router.

📖 Key ideas

  1. React Navigation provides stack, tab and drawer navigators.
  2. Expo Router uses file-based routing (app/ folder).
  3. navigation.navigate("Details", { id: 1 }) passes params.
  4. Read params with route.params or useLocalSearchParams.
  5. Deep links open specific screens from URLs.
💡 Real-life example: A stack navigator is a deck of cards: each new screen is placed on top, back removes it.
Stack navigatorScreens stacked with back navigation
Tab navigatorBottom tabs
Expo RouterFile-based navigation
ParamsData passed to a screen