Exploring Topic: Navigation

Classes

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

Setup Jest Tests with React Navigation

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

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.

Upgrade to React Navigation v4

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

Complex Navigation Example with React Navigation v4

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

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.

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.

Handling Deep Links with React Navigation

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

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.

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

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

Navigating Navigation in React Native

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

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…

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…

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…

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…

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…

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…

Join the email list to be notified of all new lessons and classes!