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

[@tomasmikenas1993]

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]

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

[@gerryramosftw]

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

[@zingsta8293]

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

[@TanquetaOwO]

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

[@borges2200]

Looks great, congrats!

[@collinsk8754]

Excellent and comprehensive tutorial! 🥳🥳

[@itzpradip]

Glad you enjoyed it!

[@sureshdonthula9326]

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

[@imomer]

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

[@lifeisjoy_spirit]

Awesome bro, can we get git hub link ??

[@mohammadkumail7508]

Can we get the source cod?

[@quamzgraphix9826]

great tutorial

[@itzpradip]

Thanks!

[@WellActualllyyy]

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

[@lunedamkingsway2276]

Really good. Thankyou.

[@itzpradip]

Glad you liked it!

[@SACKO0731]

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

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

[@stevenf7474]

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

[@millennia]

Amazing amazing amazing.

[@itzpradip]

You're amazing!!

[@MrRayoux]

Hello friend can you help me to fix somethings ?

[@happyhappy-xd7rx]

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

[@vinitborad]

Please share code link.

[@gvkruz]

Não consigo entender, fez muito rapido

[@AbrarAhmed-d1r]

Bro make a same tutorial in flutter❤

[@itzpradip]

Sure 😊