Custom Drawer Navigator in React Navigation 6

In this tutorial, you'll learn to implement the drawer navigator in react navigation v6 and customize it. Here I have shown you how to provide different colors for active menu items in the drawer, Also how to create a custom header with user profile information in the header.

► Timestamps
0:00 Introduction
1:42 Discussing Project Structure
5:48 Installing & Adding React Navigation Drawer in the Project
8:45 Customize the Drawer Navigator

[santanubiswas]

This was really really helpful. Trying to add background color for the active drawer item for the last 2 hours, tried everything, at last this video saved me.

[mechwar]

I was searching for this online and the manuals are not very handy. Then stumbled upon this video! So clear and so nice explanation! Thanks mate!

[mattsmithson]

This was super helpful! The documentation for the DrawerContentScrollView and DrawerItemList makes it hard to visualise what is happening but this cleared everything up and I was able to build the drawer menu I had designed. Thanks!

[wilmerjairespinosasilva]

Excellent tutorial even though I am learning React and although I am also learning English, it is very intuitive, excellent person, thank you, greetings from Colombia

[sunnyy]

How to add drop down in react navigation drawer. This video was very informative.

[bachudeepak]

Excellent tutorial for the beginners to get the concept

[juannarvaez]

Hi, thanks for your tutorial, it was very helpful. I have a solution for DrawerItem customization for active screens at 14:39. The reason is because its active attributes depends on focused prop which is false by default, you can control this with the onPress event and a local state. For those who have problems with margin between icon and label it can't be solved because the custom styles are overridden, the same for distance between DrawerItems.

[widdbenguma]

Thank you so much! very useful tutorial it's really helpful, good luck Sir.

[surya]

Bro please make complete course and one project

[MuhammadHaris-qvvz]

Great content! Really helped me grab RN6 custom drawer concept easily. 👍

[rakshitlakhatariya]

Thank you for such informative tutorials

[satyaganeshch]

Great Explanation bro... You really saved me 🙌🙌

[jjrise]

again - thank you! These videos are awesome

[muskanverma-eptb]

Thank you so much, Really Helpful Video

[Imraann]

Exactly what I needed sir, thank you 🤲

[arinzenchor]

Any chance we can get a redux course where we store users data and all info in the store

Or let’s work on a full project from start to end (might be hectic but will love such 🤲🏾🙏)

[Juan_lauretta]

Thanks for this great video, it was very helpful!

[chanuperera]

you saved my day. Thank you. Can you do a video about User registration and Login using Firebase?

[vivektpss]

Great Explaination! Thanks for this video ..

[nicetomeetugaming]

This was very helpful thanks a lot sir!