React Navigation

Routing and navigation for your React Native apps. More info

Articles & Tutorials

Re-writing React Navigation Stack (
Jul 16, 2019
Recently I’ve been working with with Michał Osadnik on a new version of the stack navigator, which lives under the react-navigation-stack repo as a standalone package.
  • Satyajit Sahoo
Navigating React Native apps using React Navigation (
Jun 23, 2019
When building mobile apps, of primary concern is how we handle a user’s navigation through the app — the presentation of the screens and the transitions between them. React Navigation is a standalone library that allows a developer implement this functionality easily.
  • Emmanuel Yusufu
React Navigation vs. React Native Navigation: Which is right for you? (
May 01, 2019
When it comes to mobile app development using React Native, one of the most important steps is selecting the perfect navigation library for your project.
  • Zain Sajjad
How to make the best use of in-built Navigators in React Navigation (
Oct 24, 2018
In this post, I will show you exactly how you can make the best out of React Navigation library by evaluating the exact use case of these built-in Navigators.
  • Rakshit Soral
React Navigation Drawer Tutorial (
Aug 30, 2017
How to add a drawer to your React Native app using react-navigation.
  • Gant Laborde

Video Guides & Talks

How to create a shared element transition with react-navigation and React Native (
Aug 14, 2019
In this lesson we’re going to be building a Shared Element Transition in React Native using react-navigation, react-navigation-fluid-transition, React Native and Expo for creating the react-native project.
  • Catalin Miron
Tab Navigator for Absolute Beginners [React Navigation 3.0] (
Feb 25, 2019
Hey guys, this is a quick look at the (react native) react navigation 3.0 tab navigator. We'll be using VSCode to code. React Navigation is fully cross platform and can also be used in the web! In my opinion React Navigation is the best navigation library for react-native, I find it's much easier to customize and work with than react-native-navigation by wix.
Navigation in React Native Web (
Feb 20, 2019
Learn how to do Navigation in React Native Web.
React Navigation Drawer Navigator explained in 5 minutes (
Dec 30, 2018
Hey guys, this is a quick look at the (react native) #reactnavigation drawer navigator. We'll be using Expo snack to code.
Owning Transitions (
Sep 14, 2018
The "Transitioner" is the view in React Navigation responsible for animating between screens and supporting navigation gestures. We will discuss how views like "stack" work today, how they evolved, and how they fit into React Navigation and other navigation libraries. Historically, it has been quite difficult to create custom screen transitions and gestures. So the time has come to introduce a new Transitioner, and give you complete control over screen transitions in your React Native App.
  • Eric Vicenti

Courses & Video Series

Building a React Native App (
Sep 10, 2018
I'll be vlogging my experience of creating a brand new React Native app with Expo.
  • Harry Wolff

Podcast Episodes

Navigation++ feat. Eric Vicenti (
Sep 17, 2018
In this episode of React Native Radio, the panel talks to Eric Vicenti about React-navigation and more! He pays a lot of attention to navigation as well as what is blocking people from being able to build apps quickly, both in React Native and the web. They talk about the journey of creating React-navigation, the major changes to this library in the past few months, React Native gesture handler, and more!


react-navigation-collapsible (
Feb 04, 2019
React Navigation Extension for Collapsible Header. Make your header of react-navigation collapsible.
  • Bright Lee