search

timomeh / react-native-material-bottom-navigation

💅🔧👌 a beautiful, customizable and easy-to-use material design bottom navigation for react-native
MIT License
709 stars 127 forks source link

Disable horizontal scroll for tab #53

Closed roofiah closed 6 years ago

roofiah commented 6 years ago

how to disable horizontal scroll for tab menu?

timomeh commented 6 years ago

Could you please explain further what you mean by horizontal scroll? There should be no horizontal scroll on the BottomNavigation.

roofiah commented 6 years ago

i want to disable horizontal scroll when shifting the screen. so only move to another tab when clicking the tab. what's the solution @timomeh ?. thanks

timomeh commented 6 years ago

Sorry, but I don't understand what you mean by "disable horizontal scroll when shifting the screen". The BottomNavigation shouldn't/can't scroll horizontally. Can you please show your behaviour in a gif?

yuni27 commented 6 years ago

maybe @roofiah mean like this. screenrecording_20171101_091805 1

yuni27 commented 6 years ago

can u play this gif? I also had a problem with button navigation. Is possible to make the screen only change when we tap the button, so if we scroll the screen it wont change or stay in that screen. thanks before

timomeh commented 6 years ago

I can't play the gif. I need some kind of reproduction in order to understand this issue.

Are you using the BottomNavigation with react-navigation or without?

timomeh commented 6 years ago

Do you maybe mean, that the Tab changes if you swipe left or right? That's a react-navigation feature. You can disable this behaviour with swipeEnabled: false, see here: https://reactnavigation.org/docs/navigators/tab

yuni27 commented 6 years ago

OK thanks alot... its work :)