React Native Expo Router Drawer Navigation with Nested Tabs Navigation

Expo Router Drawer Navigation with Nested Tabs Navigation
#reactnative #react #expo

NEW UPDATE - Simple React Native Firebase Authentication With Expo Router!

Showing how to create an expo react native application with a. navigation layout that includes a main drawer, with the tab navigation stack nested in the Drawer's first menu item

💥 Links
--------------------------

💥 Social Media
--------------------------

[AaronSaundersCI]

NEW UPDATE - Simple React Native Firebase Authentication With Expo Router!

[CarloNyte]

You're an absolute life saver! Thank you for making this video!!

[Gjacolby]

This is very helpful. Getting use to the Expo Router is a little tricky but I think I will be able to get it after watching this. Thanks.

[darenbaker]

Personally I think your doing all the right things. Thanks so much for your content this is a new world we are all embarking on with expo and universal apps. Its great to see old dogs still have it. Roll on expo 50.

[AaronSaundersCI]

If you enjoyed the content you can help support the channel, consider hitting the THANK YOU button

[iGaldz]

Thank you so much!!! Just what I needed and very easy to understand.

[ludwigvillalba]

access to the repo would have been great

[urwah]

Thanks for helping me understand these Drawer and Tabs navigation in expo router. One thing I see you missed is that you dont need to write the names of route group folders that are wrapped in paranthesis. I know that since its very similar to next js app router. So for navigating to the '/(drawer)/(tabs)/home', we could just write '/home'.

[codingLove-cc]

Can you please tell how do we add a drawer button inside a tab bar ?
Would help alot, thanks

[lolekakaa]

Ok, but what if i have Tab Navigation already exist in the project, that is working, and would like just to add Drawer Nav to this project?

[abelmurua]

Nice video but how do you start with a top left drawer menu icon showing? When I use <Drawer screenOptions={{ headerShown: false }}> in drawer/_layout.tsx the icon gets hidden and I don't see my drawer menu, but I had to put it to false because if not I get duplicate headers using with nested tabs in your example but I see you have it as "false". Do you have a repo for this?

[ricklee]

How can we do the opposite like putting a drawer in a tab view

[paitrex]

How in this example we can adjust tabs navigation icon?

[RamSingh-ldt]

Sir can you provide this code gitt hub ?

[SandraWantsCoke]

How do I have two drawers, one left and one right on the same page with expo router? Is it like (drawer) inside (drawer) ?

[romanbolshiyanov]

Best content, but how add modal to drawer?

[kralkatorrik]

As a long time web developer I must say that the mobile navigation is just a mess. It's the main reason I stray away from the mobile dev, because I've lost so many hours trying to fix issues with the nav.