HDTutorial
EN
How to use React Navigation (v3) in React Native

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to use React Navigation (v3) in React Native

6,056 views November 13, 2019 49:30

Watch on YouTube
ChannelCheetah Coding

Chapters

Description from the creator

Learn how to setup React Navigation in React Native. We will walk through setting up a basic navigation stack, drawer navigation, and tab navigation. After this tutorial, you should have enough confidence to create any type of navigation style suited to your app. This is a long video, but i wanted to give more detailed explanations of what the code actually does.

You can view all of the code for this project in my Github repo link below. The master branch contains the project without navigation. The other branch contains the completed app with Navigation included.

00:00 Intro
00:50 Installation
01:30 Description of files
03:18 Coding a switch navigator to switch between two separate stacks
15:28 Creating side drawer navigation
24:45 Hiding headers within a stack navigator
29:45 Adding some basic styling to the header
33:33 Adding image to the header
40:02 Creating tabbed navigation

⚡Connect on Facebook: facebook.com/flutterfactory

⚡Connect on Twitter: twitter.com/flutterfactory

About this tutorial

Cheetah Coding published this 49:30 video tutorial on November 13, 2019. It has been watched 6,056 times on YouTube.

Category
Education
Duration
49:30
Published
November 13, 2019
Views
6,056
Likes
85

Tags

Share

This tutorial in other languages