search

akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.28k stars 951 forks source link

Hide bottomNavigationTab #1576

Open rawnaveen opened 2 years ago

rawnaveen commented 2 years ago

💬 How do I set the visibility on BottomNavigationTab? I need to hide the tab bar in certain tabs.

UI Kitten and Eva version

Package Version
@eva-design/eva 2.1.1
@ui-kitten/components 5.1.1
dVaytul commented 2 years ago

Hello @rawnaveen,

Let me clarify, if we have the following structure, what do you need to hide: the whole BottomNavigation or a certain BottomNavigationTab?

<BottomNavigation
  selectedIndex={selectedIndex}
  onSelect={index => setSelectedIndex(index)}>
  <BottomNavigationTab title='USERS' />
  <BottomNavigationTab title='ORDERS' />
  <BottomNavigationTab title='TRANSACTIONS' />
</BottomNavigation>

Also, are you using BottomNavigation in combination with React Navigation?

bagusaff commented 1 year ago

Hi @dVaytul , I came across this issue today and I need to hide the whole BottomNavigation. Couldn't find any solutions , can you help me ?