How to use React Navigation (v3) in React Native

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

[TheFlutterFactory]

React Navigation is an extremely popular router navigation library for React Native. Would you like to see videos on other library integrations? Please leave a comment with suggestions.

[randitaayunugraheni]

WOW, your video is so helpful. Thank You

[deepakpandit]

Please build a kindle app ereader clone in react native

[AbhishekKashyap-figk]

Can you please update the git repo too, it is not complete

[MRKABOOM]

I'm sorry, I'm sure you put a lot into your videos but I just can't follow through. You ramble on too much for my taste, as if you're not 100% clear on what you're doing, as you rename things and go back and forth.