Custom Tab Navigation in Expo Router | React Native Tutorial | Part 1

Hello everyone 👋, In this video you will learn how to build a fully customizable bottom tab bar navigation using expo router.

🚨 more videos on react native:

#expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript

react native animations
animations in react native
react native tutorial
react native app
react native tutorial for beginners
react native project
react native course
react native expo router
expo router v2
expo router sdk 49
expo router tabs
tab navigation
expo router nested navigation

[Yassine-kweo]

This video has helped me create my first navbar in react native. thanks for the comprehensive guide!!

[kinggrey]

Finally a bottom navigation thank you soo much I was waiting for this 🙏❤❤❤❤❤

[godwinchibyk]

This approach really solved a lot of problem I faced styling tabBars. Thank you ❣

[AlejandroRL]

estas super mejorando react native, ufff, que bien, cada dia me gusta mas!

[nezzyyoung]

Thanks so much Nomi, you have helped me channel my programming journey at a very large scale.

[cameron.t]

This is great! Spiced up my navigation bar and made my simple app look way better. Good tutorial, pretty easy to follow.

Only suggestion is to consider adding a preview of the finished product at the start of the video. Would be cool and I almost clicked away before committing to watching

[ednh]

Using Typescript instead, what should be the types for state, descriptors and navigation?

[okokgalaxy]

Great vid!
Does anyone know how we can make an initial screen not have the tabs?
Example when the app launches to have a Login Screen, then upon login that takes you to the Home Screen which should have the tabs.

[MoroNjie]

nice video. can you do a video on light and dark mode toggle? 👍

[Ihcim]

Thank you so much ! Hoping for Multi Step Form With Progress Bar using React Native Expo!

[manooj]

Can u bring botton tab material top tab, drawer navigation in one app

[oscarescam]

Worth it to learn react native in 2024 ?

[hsddtct]

trying to reproduce all this js code in ts is a nightmare

[-talhahameed]

why you don't use react native cli?

[kojoanyaneobese]

Please make a video on how to hide tabs on specific screens

[sumansitaula]

this is causing the tab bar to appear on top of keyboard when using a textInput. Any fixes?

[lq]

do you use eslint? wich extension of vs code do you use?

[russellthompson]

What VSCode extension are you using that adds the "import" automatically when you add a tag for it. For example, <Tabs /> automatically adds "import { Tabs } from "expo-router"?

[gabe]

Hello ! Thanks for this video. But I got into an issue. While styling without right : 0 and left : 0, the tabcontainer doesn’t show properly. And when I centralize tabBarItem, it doesn’t work properly. I don’t know why

[nmrtns]

Hi. Is it possible to use expo router in RN CLI (non-expo) project?