How to add navigation to your app with Expo Router | Universal App tutorial #2

Learn how to add navigation to your app using Expo Router. This is chapter two in our universal app tutorial series. In chapter one we covered how to create your first app.

⌚️ Timestamps ⌚️
00:00 Intro
00:10 Expo Router basics
02:00 Add a new screen to the stack
03:38 Navigate between screens
05:46 Add a not-found route
08:36 Add a bottom tab navigator
12:21 Update bottom tab navigator appearance
16:39 Summary

#ExpoApps #Expo #reactnative #reactnativetutorial #ExpoRouter

[shuakki]

Git repo for the lessons would be much appreciated to go along with your amazing videos!

[username-rd-ji]

I've been struggling with RN since 2018 (not proud about that!). Finally I can understand the core concepts .... thank you !

[carlmeyer]

Dude these videos are amazing! It's been a while since I used React Native and coming back seeing the new router in action in your video really makes it sink in and make sense to me! Thanks for the great video!

[caiotorres]

you're such a good demonstrator! thanks again for this tutorial

[MrREALismyname]

i am coming back after 6 month and how it went is amazing its even more fun to refresh my knowledge about react native. thank you very much for that 🤗🤗

[guillaumedurant]

Hi my friend,
Thank you very much. It helps very much. You did a great job !

[purplena]

To fix the error it is necessary to delete <Tabs.Screen name="+not-found" options={{ title: 'Oops! Not Found' }} /> in _layout.tsx file situated in the (tabs) folder.

[nabn]

IMO showing an example of a header nav bar layout on web and tab layout on mobile would be useful to beginners

[mishagos]

I don't get the swipe back from the about screen at all.

[vladimirdmitrienko]

Hello everypune! On top under icons? there is visible border, how to make it invisible ?

[saci]

How can we nest a stack navigator inside tab navigator screen? Does Expo cover that use case in one of tutorials?

[Tahsinjisan-lo]

How can i view one side code and another side my preview, like others flutter dev

[Cropsii]

3:04 как в vs code сделать автозаполнение/подсказки?

[Massage_from_Ukrain]

Interesting. This video is fresh, but I dont have property for StatusBar like "style", i have "barStyle={"light-content"}" But Thanks. It was really Useful. Hello from Ukraine

[mishagos]

You know, it would be great if you included solutions for common problems like if you can't get the icons to show up and such. AND provided a Git Repo. I literally can't get the Ionicons to show up and you give no instructions for if that doesn't happen ... for example.

[mishagos]

CAN YOU PLEASE PUT IN A REPO ON GIT SO WE CAN CHECK WHEN WE GET IT WRONG?

[gommonebucato]

How can we integrate animations and transition using Tabs ?

[charleslongwe]

I am just stuck on No found screen i cant see Tab buttons. I copied all codes from expo docums

[TanquetaOwO]

Hi! nice video, I would like to know what if i want to have some screens with the tabs layout and some others without it, also the same thing with the header, what if i want a custom header in custom components?

[VikasSharma-zdkd]

What about if I have name folder and it has index file line explore name then how routing will work ?