在 createStackNavigator 中从屏幕中删除 tabnavigator

问题描述

我想从 screen2 中删除 tabnavigator

const switchNavigator = createSwitchNavigator({
  registration: createStackNavigator({
    first: First,second: Second,third: Third,}),tabScreens: createBottomTabNavigator({
    Index: createStackNavigator({
      screen1: Screen1,screen2: Screen2,index2: Index2
  }),});

我想删除 screen2 中的 tabNavigator。我该如何处理？它应该在 createStackNavigator 中。

解决方法

在这里，您可以在 Screen2 组件中使用以下代码，例如：

import React from "react"
import { View,Text } from "react-native";

const Screen2 = props => {
    return (
        <View style={{ flex: 1,alignItems: "center",justifyContent: "center" }}>
            <Text>SCREEN 2</Text>
        </View>
    );
};

Screen2.navigationOptions = navData => {
    return {
         tabBarVisible: false,};
};

export default Screen2;

它将删除包含在 createBottomTab Navigator 中的特定屏幕的底部标签栏