Custom Animated Bottom TabBar in React Native with Expo Router | React Native for Beginners

Поділитися
Вставка
  • Опубліковано 26 гру 2024

КОМЕНТАРІ • 37

  • @tomasmikenas1993
    @tomasmikenas1993 3 місяці тому +10

    Great video. Small recommendation: move "tabPositionX.value = withSpring(buttonWidth * index, { duration: 1500 });" out from onPress handler to the useEffect, like that: useEffect(() => {
    tabPositionX.value = withSpring(buttonWidth * state.index, { duration: 1500 });
    }, [state.index]); this will ensure correct highlight when index changes outside onPress, i.e. navigating to certain tab from deep link

    • @itzpradip
      @itzpradip  3 місяці тому

      Great suggestion. I'm sure it'll help others as it helped me also. Thanks

  • @TanquetaOwO
    @TanquetaOwO 4 місяці тому +1

    Really nice video, i liked the thing that you did it with Expo Router

  • @gerryramosftw
    @gerryramosftw 3 місяці тому

    Awesome tutorial, really took it step by step and easy to follow

  • @collinsk8754
    @collinsk8754 5 місяців тому

    Excellent and comprehensive tutorial! 🥳🥳

    • @itzpradip
      @itzpradip  5 місяців тому +1

      Glad you enjoyed it!

  •  23 дні тому

    well done mate , it is quite advance topic.

  • @borges2200
    @borges2200 3 місяці тому

    Looks great, congrats!

  • @ravisfarooq477
    @ravisfarooq477 2 місяці тому +3

    Is there any repo for the code?

  • @zingsta8293
    @zingsta8293 5 місяців тому

    Perfect timing! I just started my first react native application and wanted to make the tab bar to look something like the one you made! Can you share the code, as well? :D

  • @quamzgraphix9826
    @quamzgraphix9826 5 місяців тому

    great tutorial

  • @lunedamkingsway2276
    @lunedamkingsway2276 5 місяців тому

    Really good. Thankyou.

    • @itzpradip
      @itzpradip  5 місяців тому

      Glad you liked it!

    • @SACKO0731
      @SACKO0731 5 місяців тому

      @@itzpradip Sorry man , how do you select a longer and better quality video to upload in firebase, I get stuck when trying so, it keeps on waiting for media to be ready. Can you make a tutorial of how to achieve this?

    • @lunedamkingsway2276
      @lunedamkingsway2276 5 місяців тому

      @@itzpradip Is there any chance of sharing your code? Maybe a link to Github? That'd be great.

  • @CesarRiveraMiranda-k1x
    @CesarRiveraMiranda-k1x Місяць тому

    The best

  • @andreluisferreira
    @andreluisferreira Місяць тому

    TOP D+

  • @vinitborad
    @vinitborad 4 місяці тому +3

    Please share code link.

  • @mohammadkumail7508
    @mohammadkumail7508 4 місяці тому +1

    Can we get the source cod?

  • @sureshdonthula9326
    @sureshdonthula9326 5 місяців тому +1

    when we press back in any tab, home tabbutton is missing

  • @millennia
    @millennia 5 місяців тому

    Amazing amazing amazing.

    • @itzpradip
      @itzpradip  5 місяців тому

      You're amazing!!

  • @lifeisjoy_spirit
    @lifeisjoy_spirit 5 місяців тому

    Awesome bro, can we get git hub link ??

  • @stevenf7474
    @stevenf7474 3 місяці тому

    Can't get it working on Expo 51. Has anyone managed to get it working?

  • @TLIONTUBE
    @TLIONTUBE 25 днів тому

    Can you provide the source code please

  • @MrRayoux
    @MrRayoux 3 місяці тому

    Hello friend can you help me to fix somethings ?

  • @imomer
    @imomer 3 місяці тому

    If you go on another tab than the home and use back button. The animated background does not comes back

  • @AbrarAhmed-d1r
    @AbrarAhmed-d1r 5 місяців тому

    Bro make a same tutorial in flutter❤

  • @SahilAnni
    @SahilAnni 26 днів тому

    Hi, Can you please provide the source code ?

  • @happyhappy-xd7rx
    @happyhappy-xd7rx 3 місяці тому

    Dada mobile screen এর ব্যাপারটা কম্পিউটার ডাউনলোড হচ্ছে না

  • @WellActualllyyy
    @WellActualllyyy 4 місяці тому

    what a bummer. Followed everything and after the app crashed I got this:
    [Layout children]: No route named "(tabs)" exists in nested children: ["_sitemap", "+not-found", "(tabs)/explore", "(tabs)/index", "(tabs)/layout", "(tabs)/profile"]
    file structure is correct and cache is cleared

  • @gvkruz
    @gvkruz 4 місяці тому

    Não consigo entender, fez muito rapido

  • @hamzaessridi7557
    @hamzaessridi7557 Місяць тому

    Can you give me the source code?

  • @akki3026
    @akki3026 Місяць тому +1

    bro, knowing is one thing, teaching is another. you are too fast with everything. Go slow, try to make people understand what you are doing. Feels like you are doing some kind of duty and trying to somehow finish your turorial and go home.