Drawer Navigation in React Native | React Navigation 6.x with Expo (Beginners Tutorial)

In this short Video Lesson, you will learn how to install Drawer Navigation. Note that this is just an installation of drawer navigation with bare minimum work needed.

✅ Here are the steps to follow to install Drawer Navigation in React Native:
0:00 Step 1 – Install Expo CLI
0:39 Step 2 – Create React Native Project
2:07 Step 3 – Install React Navigation
2:49 Step 4 – Install React Navigation Dependencies
3:16 Step 5 – Install Stack Navigation (Just to Check)
4:22 Step 6 – Stack Navigation (Code)
5:45 Step 7 – Install Drawer Navigation in React Native
6:09 Step 8 – Install Dependencies (For Drawer Navigation)
6:35 Step 9 – Drawer Navigation (Code)
7:02 Step 10 – Run the Project (Drawer Navigation in React Native)

✅ Download the code here:

✅ Subscribe Here:

✅ Further Info: Drawer Navigation in React Native is easy to implement. Firstly, in any react native project, react navigation is must. Secondly, you must know the types of navigation that react library offers, so that we can implement these when needed.

✅ React Navigation Playlist:

Written and Recorded by: Furquan Ul Haque

#DrawerNavigation #ExpoReactNavigation #ReactNative

[marsdwarf]

Thanks so much! For those getting an error, the author also created a video with the fix and it worked for me :)

Title: "React Drawer Navigation | Reanimated 2 Failed to Create a worklet | Invariant Violation | SOLUTION"

Good luck!

[aliseemab]

My drawer navigation is not working and shows this error

Invariant Violation: "main" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and wasn't called.

[patrickbarrossilva]

por um momento achei que eu ia conseguir fazer roda, mas na hora do Drawer navigation funcionar, ela buga no meu celular...

[shahzadshabbir]

Brother please make a new video on drawer navigation.since react native update has been having problem in drawer navigation.
your previously method doesn't properly work please send new methods without any error .please please

[volkankarakus]

how can i use drawer and tab together ? I wanna tab navigator on general pages, but home screen has extra a drawer ?

[patrickbarrossilva]

I'm Brazilian, I followed all your steps, but when I ran the final part, there was an error and I've been doing this for a long time, I don't leave the place because the application doesn't run, could you help me?

[PastMeetsPresent]

Showing error of expo.ps1 cannot be loaded bcoz running scripts is disabled

[sevensolutions]

Basically the navigation is working for me, by using the buttons on the screen. But i cannot open the drawer, either by swiping nor by the hamburger button. Does anyone else have this problem? I'am using a physical android phone. I've also added import at the top, as suggested in some forums...

[shahzadshabbir]

Yes Yes I am Successful Create Drawer Navigation Thanks.
Reanimated error but fix this problem successfuly....
First stopped server
Then start command
npx react-native start --reset-cache
I hope your problem is fix