#16 React Native Paper Drawer | Drawer Item, Collapsed Item & Section | React Native Paper Series

Опубликовано: 05 Октябрь 2024
на канале: Tech with Muskan
819
5

🎥 Welcome to the 16th episode of our #ReactNativePaper series!

In this tutorial, we'll delve into the intricacies of React Native Paper Drawer, focusing on items, collapsed items, and sections. 📱✨🛠️

Join us as we explore how to effectively utilize React Native Paper's Drawer component to create a seamless navigation experience for your React Native applications.

📝 By the end of this video, you'll have a solid grasp of implementing and customizing drawer items, collapsed items, and sections using React Native Paper, empowering you to design intuitive and organized navigation structures for your app users.

🔔 Don't miss out on subscribing for more insightful tutorials on React Native Paper and related subjects.

If you find this video valuable, remember to smash the like button 👍 and share your thoughts in the comments 💬 section. Spread the knowledge among your peers!

🚀⏯️ Make sure to catch up on our previous tutorials in the RN Paper Series:

Tutorial #1:    • #1 React Native Paper | Beautiful, Re...  
Tutorial #2:    • #2 Change Theme with Dark & Light Mod...  
Tutorial #3:    • #3 Activity Indicator, Loader | React...  
Tutorial #4:    • #4 Design Top & Bottom App Bars | Rea...  
Tutorial #5:    • #5 Avatar Image, Icon and Text Compon...  
Tutorial #6:    • #6 Level Up Your App's UI with React ...  
Tutorial #7:    • #7 Create Stunning Banners | React Na...  
Tutorial #8:    • #8 Creating Stunning Bottom Tab Navig...  
Tutorial #9.1:    • #9 Creating Stylish Buttons in React ...  
Tutorial #9.2:    • #9 Creating Stylish Buttons in React ...  
Tutorial #10:    • #10 Creating Beautiful React Native P...  
Tutorial #11:    • #11 Crafting Dynamic React Native Pap...  
Tutorial #12:    • #12 Mastering React Native Paper Chip...  
Tutorial #13:    • #13 Exploring React Native Paper Data...  
Tutorial #14:    • #14 Mastering React Native Paper Dial...  
Tutorial #15:    • #15 Crafting Elegant Dividers with Re...  

🔗 Important Links:

Source Code : https://github.com/TechWithMuskan/Awe...
React Native Paper Official Site: https://reactnativepaper.com
RN Paper NPM Library: https://www.npmjs.com/package/react-n...

🧠 Concepts Covered in this video:

Understanding React Native Paper Drawer component
Implementing drawer items, collapsed items, and sections
Customizing styles and functionalities of drawer elements

⏰ Expected Time Stamps:

00:08 Introduction to RN Paper Drawer: Item, collapsed item & section
00:20 Exploring drawer item implementation
00:25 Implement collapsed items for efficient navigation
04:59 Implemention of drawer items
06:20 Implemention of drawer section for better organization


🌍 Connect with me on various social media platforms for more insights and updates:

Medium:   / techwithmuskan  
Github: https://github.com/techwithmuskan/
Twitter:   / techwithmuskan  
Facebook:   / techwithmuskan  
Instagram:   / techwithmuskan  
Linkedin:   / muskanj4in  
Whatsapp: https://whatsapp.com/channel/0029Va9A...


#techwithyourname​​ @reactnativepaper #tutorial #coding #programming #software #development #appdevelopment #materialui #code #github #job #design #ui #uidesign #theme #reactnative #appbar #userexperience #userengagement #userexperiencedesign #engineer #technology #tech #designer #reactnative #styling #mobileappdevelopment #dividers #reactnativedividers


Happy coding! 😊