Expo Router Drawer Navigation From the Docs - Working With Expo Router v2 File Based Routing
#expo #reactnative #react

This is the third in a series of videos I am doing on expo router file based routing. I will be covering basic routing and dynamic routes along with Drawer Navigation in this video.

📺 You can review Stack Navigation in the first video - [ Ссылка ]
📺 You can review Tab Navigation in the second video - [ Ссылка ]
📺 Drawer Navigation With Nested Tabs - [ Ссылка ]

Most of the work I have done with the new router started with the basic two-tab template. I wanted to give the Drawer a try, there is no template so I needed to dig into the docs and figure it out

I decided to do these videos starting from scratch, adding expo router to a basic expo application, and following along with the documentation as I build the application. This video is perfect for beginners who want to learn how to use Expo Router Drawer Navigation. By the end of this video, you'll have everything you need to start using Expo Router Drawer Navigation right away!

I hope you will join me on this journey and share the content with friends and associates.

💥 Sign Up For Our Newsletter​ - [ Ссылка ]

💥 Chapters
--------------------------
00:00 - Intro and Expo Router Documentation Issues
01:04 - Create Expo App Project & Install Packages
02:53 - Make Changes To Files To Support Expo Router and Drawer Navigation
05:15 - Test Run To Make Sure It's Installed Properly
05:38 - What Does Documentation Tell Us Next?
05:50 - Adding The Drawer Navigation UI
08:00 - Adding First Menu Item / Navigation Stack In Our Drawer
10:36 - Adding Second Menu Item / Navigation Stack In Our Drawer
12:31 - Add Menu Button For Opening Drawer and Correct Page Titles
16:50 - Adding swipeEdgeWidth to keep the user from swiping to open
17:20 - Adding Some Basic Styling To UI
18:27 - Add Icons to Drawer Menu Items
20:27 - Add NextPage Navigation to Home Drawer Stack
22:31 - Wrap Up

💥 Links
--------------------------
- Expo Router Doc - [ Ссылка ]
- Expo Router Drawer Doc - [ Ссылка ]
- React Navigation Drawer Documentation - [ Ссылка ]


💥 Social Media
--------------------------
Twitter - [ Ссылка ]
Facebook - [ Ссылка ]
Instagram - [ Ссылка ]
Dev.to - [ Ссылка ]

#reactnavigation #reactnativetutorial #exporouter expo router v2 beginners

свернуть