How to make Material Top to Bottom tab navigator (Trick) | React-Navigation v6/5 | Part-5

In this tutorial you will learn how to make top tab navigation, and also can use it as bottom tab navigator with slider indicator.
#React-Navigation-v6/5.
Tab1: • Bottom Tab Navigation ...
Tab2: • How to create Bottom T...
Tab3: • How to create Bottom T...
Tab4: • Material Bottom Tab Na...
Tab5: • How to make Material T...
Tab6: • How to create Bottom T...
Like 👍 Share 📢 and Subscribe 🚀
Source code:
github.com/vis...

[@ejikeezekwunem4162]

This is by far the clearest tutorial on Material-top-tab I've found. Thank you so much.

[@mrezaslk]

thanks bro,help me a lot🙏

[@vishalpwr]

Happy to help

[@osmtechbox2658]

Awesome work man, you are doing such a great job. One request please I tried to learn animations online and watched many tutorials but i didn't understand. Can you start a series where you can teach us animations? It will be a great help man. :)

[@vishalpwr]

Will try!!

[@osmtechbox2658]

@@vishalpwr can you show some flatlist cool animations tutorials plz

[@vishalpwr]

Yeah, I'll.

[@AnimeNutshell]

Is it possible to go to a tab without scrolling pass the other tabs in the animation

[@ashishrajput6620]

i do the same as you do but still it shows an error Error: Couldn't register the navigator. Have you wrapped your app with 'NavigationContainer'? please tell me

[@vishalpwr]

Yes, You need to wrap your root component with NavigationContainer,
I have shared the repo. as well you can checkout.

[@DrDLCloudy]

Hello, I have a problem.
I have 2 navigation, Stack( has home and product screen) inside Bottom. How can I hide the Bottom bar in a special screen (such as Product Detail)?
I'm using v6.

[@vishalpwr]

For that you have to configure navigation like this
Main-Stack
/ \
1. Tab-Nav 2. detailScreen
a). HomeScreen b). ProductScreen
now if you navigate to DetailScreen (Stack) from ProductScreen (Tab-Nav) then bottom tab will not appear.

[@DrDLCloudy]

@@vishalpwr Thanks for your help, sir!
I found another solution, but I will try your solution.

[@vishalpwr]

And comment your solution too😊

[@phianhtran6834]

​@@DrDLCloudy Heyy, can you show me your solutions that you found?

[@love_hunter_coc]

Sir full video kab aayegi ?

[@vishalpwr]

This is full video (trick) for creating sliding bottom tab,
but soon I'll upload sliding animation on bottom tab, so stay tuned.

[@love_hunter_coc]

@@vishalpwr sir Matlab full UI create Karo hamko wo sikhna hai please

[@vishalpwr]

Will try.

[@Meshachsstories]

Hi sir, is it working in IOS?

[@vishalpwr]

It should definitely!

[@morgan24TH]

Dude, you titled it top tab, but you made a bottom tab, why

[@vishalpwr]

I used material top tab navigator as a bottom tab, and in the beginning of video I have shown top tab navigator example then made it for bottom that's why