React Navigation

Routing and navigation for your React Native apps. More info

Articles & Tutorials

React Navigation vs. React Native Navigation: Which is right for you? (blog.logrocket.com)
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 (blog.cloudboost.io)
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 (shift.infinite.red)
Aug 30, 2017
How to add a drawer to your React Native app using react-navigation.
  • Gant Laborde

Video Guides & Talks

Tab Navigator for Absolute Beginners [React Navigation 3.0] (youtube.com)
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 (youtube.com)
Feb 20, 2019
Learn how to do Navigation in React Native Web.
React Navigation Drawer Navigator explained in 5 minutes (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (devchat.tv)
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!

Libraries

react-navigation-collapsible (github.com)457
v3.0.3
Feb 04, 2019
React Navigation Extension for Collapsible Header. Make your header of react-navigation collapsible.
  • Bright Lee