Custom Drawer Navigator in React Navigation 6

Опубликовано: 12 Октябрь 2024
на канале: Pradip Debnath
140,545
2.2k

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.

React Navigation 6 Tutorial Series Playlist    • React Navigation 6 Tutorials  

→ Social App with Firebase in React Native Playlist    • Social App with Firebase in React Native  
→ React navigation v5 tutorial playlist    • React Navigation 5 Tutorials  
→ Food Finder App in React Native Playlist    • Food Finder App in React Native  
→ Music App UI Tutorial    • Music App UI in React Native | Create...  

► 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

GitHub repo URL https://bit.ly/3v0H9sH

If you found my tutorials helpful, you can buy me a coffee from this link https://paypal.me/itzpradip

Follow me on Twitter   / itzpradip  
Follow me on GitHub https://github.com/itzpradip

Subscribe to my Channel http://bit.ly/2PaUqOk

For more tutorials on WordPress, React JS, React Native and Flutter visit: http://www.pradipdebnath.com/blog/