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

Sdílet
Vložit
  • čas přidán 29. 08. 2024
  • 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 ...
    CZcams Clone App: • 🔴 CZcams 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

Komentáře • 45

  • @kinggrey2511
    @kinggrey2511 Před 2 měsíci +10

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

  • @nezzyyoung
    @nezzyyoung Před 19 dny

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

  • @AlejandroRL868
    @AlejandroRL868 Před 2 měsíci +4

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

  • @ryansatriayudha
    @ryansatriayudha Před 14 dny

    It works well! Thank you very much!

  • @joshjakkrit6085
    @joshjakkrit6085 Před 13 dny

    Amazing vid my friend. Thank you!

  • @kuttygokul3284
    @kuttygokul3284 Před 28 dny

    Thank you so much for updating ❤

  • @Ihcim007
    @Ihcim007 Před měsícem

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

  • @Soap_js
    @Soap_js Před měsícem

    Thanks For Expo Tutorials

  • @collinsk8754
    @collinsk8754 Před 2 měsíci +1

    Great tutorial. Thanks! 🔥🔥

  • @MoroNjie
    @MoroNjie Před 2 měsíci +1

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

  • @actaeon5770
    @actaeon5770 Před 20 dny

    Thanks a lot

  • @andrejkling3886
    @andrejkling3886 Před měsícem +1

    Thank you 🎉💯

  • @okokgalaxy
    @okokgalaxy Před měsícem +1

    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.

  • @vannyaofficial7958
    @vannyaofficial7958 Před 2 měsíci +1

    Nice video ❤

  • @manooj8502
    @manooj8502 Před měsícem +1

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

  • @m__link6499
    @m__link6499 Před 2 měsíci

    It works like a charm!!! thank you

  • @omoregiestephen2949
    @omoregiestephen2949 Před 2 měsíci

    Thank you so much!

  • @sheikhabujubayer9176
    @sheikhabujubayer9176 Před měsícem

    Thank you so much ❤❤

  • @Dawshashow
    @Dawshashow Před 2 měsíci +1

    Thx ❤

  • @ajalasegun1
    @ajalasegun1 Před 2 měsíci

    Good video👍🏾

  • @39-talhahameed60
    @39-talhahameed60 Před 2 měsíci +2

    why you don't use react native cli?

  • @russellthompson5181
    @russellthompson5181 Před 2 měsíci +1

    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 Před měsícem

      I believe this is the default for VSCode

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd Před 2 měsíci

    Thank you so much

  • @user-hs1dd4tc7t
    @user-hs1dd4tc7t Před měsícem +2

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

  • @prashlovessamosa
    @prashlovessamosa Před 2 měsíci +1

    please make more expo stuff sirji

  • @nmrtns
    @nmrtns Před 15 dny

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

  • @oscarescam
    @oscarescam Před 2 měsíci +6

    Worth it to learn react native in 2024 ?

    • @codewithnomi
      @codewithnomi  Před 2 měsíci +2

      Yes 💯

    • @millennia
      @millennia Před měsícem

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

    • @wesleylim5046
      @wesleylim5046 Před 12 dny

      Yes, I like RN > flutter 😂

  • @kojoanyaneobese1838
    @kojoanyaneobese1838 Před 2 měsíci

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

  • @williamsaahnkansahodoom3505
    @williamsaahnkansahodoom3505 Před 2 měsíci

    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 Před 2 měsíci

    First comment 🎉

  • @ryansatriayudha
    @ryansatriayudha Před 15 dny

    Where can I get the ColorList code?

  • @lq1730
    @lq1730 Před 2 měsíci

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

  • @prashannamaharjan8328
    @prashannamaharjan8328 Před 12 dny

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

  • @AmirKhan-vg4br
    @AmirKhan-vg4br Před 2 měsíci

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

  • @nunajah
    @nunajah Před 2 měsíci +1

    Typescript please

  • @HelloA.ITechnicalcodingschools

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

  • @PiyushSagar-rj5xs
    @PiyushSagar-rj5xs Před měsícem

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