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/syednomishah/custo...
Expo Router Installation: docs.expo.dev/router/installa...
Expo Tabs: docs.expo.dev/router/advanced...
React Navigation (Bottom tab navigator): reactnavigation.org/docs/bott...
Learn Expo Router: • Build complex layouts ...
If you appreciate my work and you would like to support my channel: www.buymeacoffee.com/codewith...
🚨 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 ...
KZread Clone App: • 🔴 KZread 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

Пікірлер: 32

  • @kinggrey2511
    @kinggrey2511Ай бұрын

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

  • @AlejandroRL868
    @AlejandroRL868Ай бұрын

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

  • @Soap_js
    @Soap_js2 күн бұрын

    Thanks For Expo Tutorials

  • @collinsk8754
    @collinsk8754Ай бұрын

    Great tutorial. Thanks! 🔥🔥

  • @omoregiestephen2949
    @omoregiestephen2949Ай бұрын

    Thank you so much!

  • @sheikhabujubayer9176
    @sheikhabujubayer9176Күн бұрын

    Thank you so much ❤❤

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd22 күн бұрын

    Thank you so much

  • @andrejkling3886
    @andrejkling38867 күн бұрын

    Thank you 🎉💯

  • @ajalasegun1
    @ajalasegun1Ай бұрын

    Good video👍🏾

  • @vannyaofficial7958
    @vannyaofficial7958Ай бұрын

    Nice video ❤

  • @Dawshashow
    @DawshashowАй бұрын

    Thx ❤

  • @MoroNjie
    @MoroNjieАй бұрын

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

  • @m__link6499
    @m__link6499Ай бұрын

    It works like a charm!!! thank you

  • @kojoanyaneobese1838
    @kojoanyaneobese183818 күн бұрын

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

  • @prashlovessamosa
    @prashlovessamosaАй бұрын

    please make more expo stuff sirji

  • @codewithnomi

    @codewithnomi

    Ай бұрын

    I will

  • @okokgalaxy
    @okokgalaxy10 күн бұрын

    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.

  • @user-hs1dd4tc7t
    @user-hs1dd4tc7t4 күн бұрын

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

  • @manooj8502
    @manooj850213 күн бұрын

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

  • @williamsaahnkansahodoom3505
    @williamsaahnkansahodoom350527 күн бұрын

    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.

  • @michealskup5730
    @michealskup5730Ай бұрын

    First comment 🎉

  • @lq1730
    @lq1730Ай бұрын

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

  • @AmirKhan-vg4br
    @AmirKhan-vg4brАй бұрын

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

  • @russellthompson5181
    @russellthompson518127 күн бұрын

    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

    @bamhammer

    2 күн бұрын

    I believe this is the default for VSCode

  • @39-talhahameed60
    @39-talhahameed60Ай бұрын

    why you don't use react native cli?

  • @codewithnomi

    @codewithnomi

    Ай бұрын

    I will try 😉

  • @nunajah
    @nunajahАй бұрын

    Typescript please

  • @oscarescam
    @oscarescamАй бұрын

    Worth it to learn react native in 2024 ?

  • @codewithnomi

    @codewithnomi

    Ай бұрын

    Yes 💯

  • @PiyushSagar-rj5xs
    @PiyushSagar-rj5xs9 күн бұрын

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

  • @HelloA.ITechnicalcodingschools
    @HelloA.ITechnicalcodingschools18 күн бұрын

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