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

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 31

  • @tomasmikenas1993
    @tomasmikenas1993 2 месяца назад +8

    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  2 месяца назад

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

  • @gerryramosftw
    @gerryramosftw 2 месяца назад

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

  • @TanquetaOwO
    @TanquetaOwO 3 месяца назад +1

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

  • @zingsta8293
    @zingsta8293 4 месяца назад

    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

  • @collinsk8754
    @collinsk8754 4 месяца назад

    Excellent and comprehensive tutorial! 🥳🥳

    • @itzpradip
      @itzpradip  4 месяца назад +1

      Glad you enjoyed it!

  • @borges2200
    @borges2200 2 месяца назад

    Looks great, congrats!

  • @quamzgraphix9826
    @quamzgraphix9826 4 месяца назад

    great tutorial

  • @ravisfarooq477
    @ravisfarooq477 29 дней назад +2

    Is there any repo for the code?

  • @lunedamkingsway2276
    @lunedamkingsway2276 4 месяца назад

    Really good. Thankyou.

    • @itzpradip
      @itzpradip  4 месяца назад

      Glad you liked it!

    • @SACKO0731
      @SACKO0731 4 месяца назад

      @@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 4 месяца назад

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

  • @andreluisferreira
    @andreluisferreira 2 дня назад

    TOP D+

  • @sureshdonthula9326
    @sureshdonthula9326 3 месяца назад +1

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

  • @millennia
    @millennia 4 месяца назад

    Amazing amazing amazing.

    • @itzpradip
      @itzpradip  4 месяца назад

      You're amazing!!

  • @lifeisjoy_spirit
    @lifeisjoy_spirit 3 месяца назад

    Awesome bro, can we get git hub link ??

  • @imomer
    @imomer 2 месяца назад

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

  • @mohammadkumail7508
    @mohammadkumail7508 3 месяца назад +1

    Can we get the source cod?

  • @vinitborad
    @vinitborad 2 месяца назад +2

    Please share code link.

  • @stevenf7474
    @stevenf7474 2 месяца назад

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

  • @WellActualllyyy
    @WellActualllyyy 3 месяца назад

    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

  • @happyhappy-xd7rx
    @happyhappy-xd7rx 2 месяца назад

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

  • @MrRayoux
    @MrRayoux 2 месяца назад

    Hello friend can you help me to fix somethings ?

  • @AbrarAhmed-d1r
    @AbrarAhmed-d1r 4 месяца назад

    Bro make a same tutorial in flutter❤

  • @hamzaessridi7557
    @hamzaessridi7557 22 дня назад

    Can you give me the source code?

  • @gvkruz
    @gvkruz 3 месяца назад

    Não consigo entender, fez muito rapido