React Navigation - условно скрыть элемент в нижней панели навигации

Question

Как скрыть один из элементов в нижней навигационной панели реагирования на основе некоторого условия

Например: this.state.show == true

Пока я пытался, как показано ниже

const Main = createBottomTabNavigator(
{
  Home: {screen: HomeStack},
  CheckInOut:  this.state.show ? {screen: CheckStack} : null ,
  Attendance: {screen: AttendanceStack},
  Profile: {screen: ProfileStack},
},

Answer 1

Эй, вам нужно создать условие, при котором вы будете рендерить свое представление.

Вам нужно сгенерировать два основных вида: сначала откройте все вкладки, а во второй откажитесь от того, который вы не хотите визуализировать.

ed

const FullManu = createBottomTabNavigator(
{
  Home: {screen: HomeStack},
  CheckInOut:  this.state.show ? {screen: CheckStack} : null ,
  Attendance: {screen: AttendanceStack},
  Profile: {screen: ProfileStack},
},


const HalfManu = createBottomTabNavigator(
{
  Home: {screen: HomeStack},
  Attendance: {screen: AttendanceStack},
  Profile: {screen: ProfileStack},
},

Теперь в вашем главном файле импортируйте и эти, и условно визуализируйте как:

render() {
     return(
         <View>
            {this.state.show ? <FullManu> : <HalfMenu>}
         </View>
     )
}