Navigation Drawer + Bottom Navigation + Bottom Sheet Dialog in React Native | All in one app

Hello everyone! In today's tutorial, I'll guide you through creating a sleek drawer navigation, bottom navigation, and bottom sheet dialog in React Native. We'll be integrating all these components into a single app. If you find this tutorial helpful, please give it a thumbs up and consider subscribing for more React Native content.

Software: React-Native, Expo, VSCode, Android Emulator
Coding duration: ~ 45 min

My Fiverr service for turning designs into React Native apps:

00:00 - Bottom Tab Navigation
08:00 - Drawer Navigation
16:00 - Bottom Sheet Dialog

[BBTR_]

thank you for video? how did you merge drawer and bottom navigation.

[BBTR_]

Now I have drawer and stack that I set in index.js. There are cards on my home page. when I press them, the design does not come out, the blank page comes. detail/[slug].js redirects. but drawer and stack do not come. Do I need to design it again or is there an easy way to render it?

[MuhammadFaizanAdil-zs]

Can you provide assets folder I can't get access of your github URL.

[abelmurua]

Great video. Can you still implement this using the new _layout.tsx file routing or this is now outdated?

[jasim]

which extension you are using that show text before you type..

[Codigo_]

excelente video, pero estoy presentando un error

[akinrindeakinkunmi]

This music makes ur video very hard to watch