Tutorials

React Navigation v5: Reset Stack Inside Tab After Leaving Tab

Reset a stack navigator to the initial screen when leaving that tab. Uses React Navigation v5

February 10, 2021

Setup Jest Tests with React Navigation

Learn how to setup Jest tests when rendering a screen in React Navigation.

September 25, 2020

Getting Started with React Navigation v5 - Stack, Tabs, Drawer, Authentication

In this video we'll do a somewhat quick deep dive into React Navigation and cover all the navigators you're likely to reach for first (Stack Navigator, Bottom Tab Navigator, Drawer Navigator), how to setup authentication, as well as a variety of other tips and tricks.

February 20, 2020

Complex Navigation Example with React Navigation v4

React Navigation is the go to solution for navigation in React Native apps.

October 15, 2019

Upgrade to React Navigation v4

In this lesson we'll cover how to upgrade to React Navigation v4.

October 15, 2019

Shared Element Transitions with React Navigation

In this lesson we'll learn how to make UI elements transition with screen changes using React Navigation and Fluid Transitions.

September 11, 2019

Integrating React Navigation Back Button with a WebView

In this lesson we'll learn to integrate the existing back button in React Native to also serve as the back button for an embedded WebView.

July 17, 2019

Handling Deep Links with React Navigation

Learn to handle deep links from within your application to take the user where they expect to go.

June 19, 2019

Easily Work on Deeply Nested Screens in React Native

Apps have many screens. Many screens need to be developed. How do we easily work on a nested screen without having to click around a bunch? In this tutorial we'll learn how to leverage your navigation to make developing on nested screens easier.

March 13, 2019

Use the SwitchNavigator in React Navigation for an Authentication Flow (React Native)

Use the SwitchNavigator in React Navigation for an Authentication Flow (React Native)

March 27, 2018

Navigating Navigation in React Native

An Opinionated Take on the Current State of Navigation in React Native

November 13, 2017

Getting Started with React Native Navigation V1

There are quite a few options out there for Navigation in React Native. I typically default to React Navigation (tutorial on getting…

May 3, 2017

Replace a Screen Using React Navigation

One challenge I faced while migrating to React Navigation was how to replace a screen when using React Navigation. Right now there’s no…

April 24, 2017

Migrate from ExNavigation to React Navigation

I’ve been using ExNavigation for quite a while. It’s simple to setup and has consistently worked for me. If you’ve checked out the the…

April 12, 2017

Getting Started with React Navigation, the Navigation Solution for React Native

If you’ve worked with React Native for any amount of time you’ve likely been confused by how you navigate in your app (practices, packages…

March 9, 2017

React Native Basics: Using react-native-router-flux

A core component of any app is navigating between different routes/screens/scenes. I’ve analyzed different navigation solutions in the past…

September 21, 2016

Exploring Navigators in React Native

One of the core components of any app, be it web or mobile, is navigation/routing. It’s the basis of how a user interacts with your app. It…

April 13, 2016