Как скрыть tabBar на вложенном экране в полноэкранном режиме видео?

Question

Я использую реагирующую навигацию в своем приложении и хочу скрыть tabBar на экране вложенного стека в видео в полноэкранном режиме .Я тестирую tabBarVisible в навигации по параметрам вложенного экрана, но не работает.пожалуйста, помогите мне, как это сделать. спасибо

PlayerScreen.js :

class PlayerScreen extends Component {
    static navigationOptions = ({navigation}) => ({
    tabBarVisible: false,  // not work correctly . in this snippet code i don't set condition to hide tabBar in fullscreen mode
    header: navigation.state.params ? navigation.state.params.header : undefined,
    headerLeft: <MaterialIcons style={{marginLeft: 20}} name={'arrow-back'} size={20}
                      onPress={ () => {
                          navigation.goBack();                              
                      }} />,
    headerTintColor: colors.teal,
    headerStyle: whiteHeaderStyle,
    headerTitleStyle: {
        alignSelf: 'center',
        fontWeight: '400',
        fontFamily: 'IRANSansMobile_Bold',
        fontSize: 14,
        textAlign: "center",
        flex: 1,
    },
});

...
}

.

TabNavigator.js :

const TabNavigator = createBottomTabNavigator({        
    Home: {screen: playerNavigation}
    }, {
    defaultNavigationOptions: ({navigation}) => ({       
    // tabBarVisible: true,  // when use here it is work correctly but hide tabBar in all tabs     
    ...   
    }),
    ...
});

const playerNavigation = createStackNavigator({
    Home: {screen: Home},
    Player: {screen: PlayerScreen},    
});

Answer 1

Поместите StackNavigator поверх TabNavigator следующим образом:

const TabNavigator = createBottomTabNavigator({        
    Home: {screen: Home} // just the home screen, but you can also have another StackNavigator here with tabs below
    }, {
    ...
});

// this StackNavigator is tabs-free
const playerNavigation = createStackNavigator({
    Tabs: {screen: TabNavigator},
    Player: {screen: PlayerScreen},
});