Javascript 在所有屏幕上显示选项卡会产生本机反应

我是个新来的本地人。我已经使用CreateBoottomTabNavigator创建了一个选项卡菜单，我也使用createStackNavigator，因为我有许多按钮，可以将您带到另一个屏幕。当我进入不在选项卡菜单内的屏幕时，选项卡不会出现。有没有办法让我的标签菜单出现在所有屏幕上

这就是我的应用程序的外观

这是我的密码

const TabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      title:  'Home',
      tabBarIcon: ({ focused }) => (
        <Icon
          name={Platform.OS === 'ios' ? 'ios-home' : 'md-home'}
          size={30}
          color={focused ? '#E8AA65' : '#58585A'}
        />
      ),
    },
  },
  Give: {
    screen: FollowScreen,
    navigationOptions: {
      title:  'Give',
      tabBarIcon: ({ focused }) => (
        <Icon
          name={Platform.OS === 'ios' ? 'ios-heart' : 'md-heart'}
          size={30}
          color={focused ? '#E8AA65' : '#58585A'}
        />
      ),
    },
  },
  Events: {
    screen: EventScreen,
    navigationOptions: {
      title:  'Events',
      tabBarIcon: ({ focused }) => (
        <Icon
          name={Platform.OS === 'ios' ? 'ios-calendar' : 'md-calendar'}
          size={30}
          color={focused ? '#E8AA65' : '#58585A'}
        />
      ),
    },
  },
  More: {
    screen: EventScreen,
    navigationOptions: {
      title:  'More',
      tabBarIcon: ({ focused }) => (
        <Icon
          name={Platform.OS === 'ios' ? 'ios-more' : 'md-more'}
          size={30}
          color={focused ? '#E8AA65' : '#58585A'}
        />
      ),
    },   
  },
},
{
  initialRouteName: 'Home',
  tabBarOptions: {
      labelPosition: 'below-icon',
      activeTintColor: '#E8AA65',
      inactiveTintColor: '#58585A',
      fontSize: 50,
      style: {
        height: 50,
        backgroundColor: '#3B3B3B',
       }
    },
  });

  const MyStack = createStackNavigator({ 
  TabNavigator,
  Home: {
      screen: HomeScreen,
      navigationOptions: {
        headerTitle: 'Home',
         headerRight: (
           <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
           onPress={() => navigation.navigate('Search')} />
           ),
           headerTitleStyle:{
             color: "white",
             alignSelf: "center",
             fontSize: 20        
           },
           headerStyle:{
             backgroundColor: "#404042"
          } 
         }
    },
  Listen: {
       screen: MainScreen,
       navigationOptions: {
        headerTitle: 'Listen',
         headerRight: (
           <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
           onPress={() => navigation.navigate('Search')} />
           ),
           headerTitleStyle:{
             color: "white",
             alignSelf: "center",
             fontSize: 20        
           },
           headerStyle:{
             backgroundColor: "#404042"
          } 
         }
     },
  Sermons: {
       screen: SecondActivity,
       navigationOptions: {
         headerTitle: 'Sermons',
          headerRight: (
            <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
            onPress={() => navigation.navigate('Search')} />
            ),
            headerTitleStyle:{
              color: "white",
              alignSelf: "center",
              fontSize: 20        
            },
            headerStyle:{
              backgroundColor: "#404042"
           } 
          }    
    },
    About: {
      screen: AboutScreen,
      navigationOptions: {
        headerTitle: 'About',
         headerRight: (
           <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
           onPress={() => navigation.navigate('Search')} />
           ),
           headerTitleStyle:{
             color: "white",
             alignSelf: "center",
             fontSize: 20        
           },
           headerStyle:{
             backgroundColor: "#404042"
          } 
         }
   },
  Map: {
       screen: MapScreen,
       navigationOptions: {
        headerTitle: 'Map',
         headerRight: (
           <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
           onPress={() => navigation.navigate('Search')} />
           ),
           headerTitleStyle:{
             color: "white",
             alignSelf: "center",
             fontSize: 20        
           },
           headerStyle:{
             backgroundColor: "#404042"
          } 
         }
     },
   Search: {
      screen: SearchScreen,
      navigationOptions: {
        headerTitle: 'Search',
         headerRight: (
           <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
           onPress={() => navigation.navigate('Search')} />
           ),
           headerTitleStyle:{
             color: "white",
             alignSelf: "center",
             fontSize: 20        
           },
           headerStyle:{
             backgroundColor: "#404042"
          } 
         }
     },
    Follow: {
      screen: FollowScreen,
      navigationOptions: {
        headerTitle: 'Follow Us',
         headerRight: (
           <Icon name="ios-search" color="#fff" size={30} style={{paddingRight: 20}}
           onPress={() => navigation.navigate('Search')} />
           ),
           headerTitleStyle:{
             color: "white",
             alignSelf: "center",
             fontSize: 20        
           },
           headerStyle:{
             backgroundColor: "#404042"
          } 
         }
     }
    }
  )

const TabNavigator=createBottomTabNavigator({
主页：{
屏幕：主屏幕，
导航选项：{
标题:"家",，
tabBarIcon:（{focused}）=>(
),
},
},
给出：{
屏幕：FollowScreen，
导航选项：{
标题：“给予”，
tabBarIcon:（{focused}）=>(
),
},
},
活动：{
屏幕：EventScreen，
导航选项：{
标题:"活动",，
tabBarIcon:（{focused}）=>(
),
},
},
更多：{
屏幕：EventScreen，
导航选项：{
标题：“更多”，
tabBarIcon:（{focused}）=>(
),
},   
},
},
{
initialRouteName:“主页”，
选项卡选项：{
标签位置：“图标下方”，
activeTintColor:“#E8AA65”，
颜色：“#58585A”，
尺寸：50，
风格：{
身高：50，
背景颜色：“#3b3b”，
}
},
});
const MyStack=createStackNavigator（{
TabNavigator，
主页：{
屏幕：主屏幕，
导航选项：{
标题：“家”，
头灯：(
导航。导航（'Search'）}/>
),
头饰样式：{
颜色：“白色”，
对准自己：“居中”，
尺寸：20
},
头型：{
背景颜色：“404042”
} 
}
},
听着：{
屏幕：主屏幕，
导航选项：{
headerTitle:“听着”，
头灯：(
导航。导航（'Search'）}/>
),
头饰样式：{
颜色：“白色”，
对准自己：“居中”，
尺寸：20
},
头型：{
背景颜色：“404042”
} 
}
},
布道：{
屏幕：第二个活动，
导航选项：{
标题：“布道”，
头灯：(
导航。导航（'Search'）}/>
),
头饰样式：{
颜色：“白色”，
对准自己：“居中”，
尺寸：20
},
头型：{
背景颜色：“404042”
} 
}    
},
关于：{
屏幕：AboutScreen，
导航选项：{
标题：“关于”，
头灯：(
导航。导航（'Search'）}/>
),
头饰样式：{
颜色：“白色”，
对准自己：“居中”，
尺寸：20
},
头型：{
背景颜色：“404042”
} 
}
},
地图：{
屏幕：地图屏幕，
导航选项：{
标题：“地图”，
头灯：(
导航。导航（'Search'）}/>
),
头饰样式：{
颜色：“白色”，
对准自己：“居中”，
尺寸：20
},
头型：{
背景颜色：“404042”
} 
}
},
搜索：{
屏幕：搜索屏幕，
导航选项：{
标题：“搜索”，
头灯：(
导航。导航（'Search'）}/>
),
头饰样式：{
颜色：“白色”，
对准自己：“居中”，
尺寸：20
},
头型：{
背景颜色：“404042”
} 
}
},
如下:{
屏幕：FollowScreen，
导航选项：{
标题：“跟随我们”，
头灯：(
导航。导航（'Search'）}/>
),
头饰样式：{
颜色：“白色”，
对准自己：“居中”，
尺寸：20
},
头型：{
背景颜色：“404042”
} 
}
}
}
)

当前结构是StackNavigator中的TabNavigator。

---

也许（对于您的用例）采用另一种方式会更好，其中TabNavigator是主导航器，每个选项卡屏幕都包含自己的StackNavigator。

我将尝试这样做