как скрыть Tabbar при переходе на другую страницу

Question

const FriendListStackNav = createStackNavigator({
    FriendList: {
        screen: FriendList,
        navigationOptions: {
            header: null
        }
    },
    Chat: Chat
});

const TabNav = createMaterialTopTabNavigator({
    Home: {
        screen: HomePage,
        navigationOptions: {
            tabBarIcon: ({tintColor}) => (
                <Icon name='home' color={tintColor} size={25} />
            )
        }
    },
    FriendList: {
        screen: FriendListStackNav,
        navigationOptions: {
            tabBarIcon: ({tintColor}) => (
                <Icon name='inbox' color={tintColor} size={25} />
            )
        }
    }
}, {
    tabBarPosition: 'bottom',
    tabBarOptions: {
        activeTintColor: 'rgb(0, 206, 209)',
        inactiveTintColor: 'rgb(128, 128, 128)',
        showIcon: true,
        showLabel: false,
        style: {
            backgroundColor: 'rgb(255, 255, 255)'
        },
        indicatorStyle: {
            height: 0 
        }
    }
});

export default createStackNavigator({
    SignIn: SignIn,
    Home: {
        screen: TabNav,
        navigationOptions: {
            header: null
        }
    },
    Folowing: Folowing,
    Folowers: Folowers
});

Привет, у меня есть StakNavigator в TabNavigator, когда я перехожу на страницу чата, панель вкладок показана ниже.Как скрыть tabBar на странице чата?У меня есть stackNavigator в начале после TabNavigator, а затем еще один stackNavigator. это домашняя страница, с TabNavigator

при нажатии на иконку, я захожу на страницу чата

как скрыть панель вкладок в этомэкран

Answer 1

Предположим, вы используете реагирующую навигацию v3, тогда вы можете попробовать это.

FriendListStackNav.navigationOptions = ({ navigation }) => {
  let tabBarVisible = true;
  if (navigation.state.index > 0) {
    tabBarVisible = false;
  }

  return {
    tabBarVisible,
  };
};