Expo Router Drawer Navigation From the Docs
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 - • Expo Router Stack Navigator From The ...
📺 You can review Tab Navigation in the second video - • Expo Router Tab Navigation From the Docs
📺 Drawer Navigation With Nested Tabs - • Expo Router Drawer Navigation with Ne...
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 - https://buff.ly/3lAk2jL
💥 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 - https://docs.expo.dev/routing/install...
Expo Router Drawer Doc - https://docs.expo.dev/router/advanced...
React Navigation Drawer Documentation - https://reactnavigation.org/docs/draw...
💥 Social Media
--------------------------
Twitter - / aaronksaunders
Facebook - / clearlyinnovativeinc
Instagram - / aaronksaunders
Dev.to - https://dev.to/aaronksaunders
#reactnavigation #reactnativetutorial #exporouter expo router v2 beginners
Смотрите видео Expo Router Drawer Navigation From the Docs онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Aaron Saunders 26 Июль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,38 раз и оно понравилось 11 людям.