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.
Part 2: • Animated Tab Navigatio...
Github repo: github.com/sye...
Expo Router Installation: docs.expo.dev/...
Expo Tabs: docs.expo.dev/...
React Navigation (Bottom tab navigator): reactnavigatio...
Learn Expo Router: • Build complex layouts ...
If you appreciate my work and you would like to support my channel: www.buymeacoff...
🚨 more videos on react native:
Wallpaper App: • 🔴 Build a Wallpaper Ap...
Firebase Auth & Chat: • 🔴 Build a Realtime Cha...
Fitness App: • 🔴 Build a Fitness App ...
Food Recipe App : • 🔴 Build Food Recipe Ap...
Movie App : • 🔴 Build Movie App Usin...
Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
Travel App UI : • 🔴 Travel App UI | Reac...
Weather App : • 🔴 Build Weather App Us...
Coffee App UI : • 🔴 Coffee App UI - Reac...
Food Delivery App : • 🔴 Build Food Delivery ...
RUclips Clone App: • 🔴 RUclips Clone - Reac...
Login | SignUp UI : • 🔴 Login | SignUp UI - ...
Fast Food App : • 🔴 Fast Food App UI - R...
App Store UI : • 🔴 App Store UI - React...
Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
Firebase Authentication React Native: • React Native Firebase ...
Food Delivery App : • Food Delivery App with...
Learn React Native: • Build Expensify App Wi...
Learn Reactjs: • Modern React For Begin...
#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

[@kinggrey2511]

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

[@nezzyyoung]

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

[@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.

[@AlejandroRL868]

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

[@kojoanyaneobese1838]

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

[@jmmmmmmmmmk]

great video, I'm new subscriber

[@manooj8502]

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

[@Ihcim007]

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

[@ryansatriayudha]

It works well! Thank you very much!

[@joshjakkrit6085]

Amazing vid my friend. Thank you!

[@kuttygokul3284]

Thank you so much for updating ❤

[@MoroNjie]

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

[@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

[@russellthompson5181]

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

[@bamhammer]

I believe this is the default for VSCode

[@collinsk8754]

Great tutorial. Thanks! 🔥🔥

[@oscarescam]

Worth it to learn react native in 2024 ?

[@codewithnomi]

Yes 💯

[@millennia]

@@codewithnomican you please please make a video on rtl and ltr on the same page? Its not working in expo 51🥲🥲🥲

[@wesleylim5046]

Yes, I like RN > flutter 😂

[@nmrtns]

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

[@Soap_js]

Thanks For Expo Tutorials

[@lq1730]

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

[@39-talhahameed60]

why you don't use react native cli?

[@codewithnomi]

I will try 😉

[@andrejkling3886]

Thank you 🎉💯

[@williamsaahnkansahodoom3505]

Please can you do a video on personal finance app manages your expenses, income, set goals, track investment and predict the your profit, loss and future income.

[@sheikhabujubayer9176]

Thank you so much ❤❤

[@Literally_King]

It’s keeps telling me Icons[route.name] is not a function (it is undefined )

[@m__link6499]

It works like a charm!!! thank you

[@vannyaofficial7958]

Nice video ❤

[@omoregiestephen2949]

Thank you so much!

[@ryansatriayudha]

Where can I get the ColorList code?

[@aymenbachiri-yh2hd]

Thank you so much

[@prashlovessamosa]

please make more expo stuff sirji

[@codewithnomi]

I will

[@Dawshashow]

Thx ❤

[@actaeon5770]

Thanks a lot

[@DarkDevil26_YT]

Hello Nomi, i getting an error in Components> TabBar.jsx in state.route.map
i get a error
Cannot read properly 'map' of undefined
Please help 🙏🏻
11:12

[@AmirKhan-vg4br]

Bro gulestack ui ky baree mai video banaye plz pora gulestack ui ko cover karee plz bro

[@ajalasegun1]

Good video👍🏾

[@user-hs1dd4tc7t]

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

[@Aditya-k4t]

i've done it

[@nunajah]

Typescript please

[@prashannamaharjan8328]

icons route.name is not a function how to slove this

[@AsfandYarKhanAsif]

Accessing icons[route.name]: Changed from icons = [route.name] to icons[route.name]

[@michealskup5730]

First comment 🎉

[@PiyushSagar-rj5xs]

As a React Native developer, i don't prefer expo 😊

[@AvyIbra]

It is now recommended by Meta team

[@nezzyyoung]

Why?

[@HelloA.ITechnicalcodingschools]

Are You Speak Hindi Please bro❤❤❤❤❤❤