Navigators, scenes, routes, and stacks

The core mechanism you'll use to control navigation in your React Native app is the Navigator component. It's used to control route stacks and scenes. I'll quickly define these concepts here, and then we'll dive into some code.

  • Navigator: The overarching component that's used to control how users navigate through your application
  • Scene: A simple React component that represents what the user is currently looking at. Instead of pressing a link on a page that takes them to another page, the Navigator takes them to another scene
  • Route: A JavaScript object containing information about a scene. The Navigator figures out how to render a scene based on information provided by a route
  • Stack: A stack of routes held by ...

Get React and React Native now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.