Search⌘ K
AI Features
Home
Courses
Building Applications with React Native

The Stack Navigator

Explore how to set up and use the Stack Navigator in React Native Expo. Learn to create navigation flows between screens using components like NavigationContainer and createNativeStackNavigator, and understand navigation methods to build seamless multi-screen apps.

We'll cover the following...

Let’s implement the Stack Navigator.

Important terms to know

  • createNativeStackNavigator: We’ll use this function to create two properties—Screen and Navigator. These help us create the StackNavigator.

  • NavigationContainer: This is a wrapper component that wraps around the navigators used to manage our different navigators. It is usually used in the root component of our application (App.js).

{
  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
}
Stack Navigator example

Note: Once the server starts, click the URL next to “Your app can be found ...