react-native - 是否可以在屏幕中显示标签栏但标签栏中不显示屏幕？

Question

让我有三个屏幕。

1. 首页
2. 简介
3. 设置

当应用程序启动时，主屏幕将显示两个选项卡(配置文件和设置)。我已经将 react-navigation 用于选项卡导航器。单击配置文件选项卡时，将显示配置文件屏幕，如果单击设置选项卡，将显示设置屏幕。

Answer 1

您可以将导航对象添加到另一个屏幕。我尝试根据您的需要创建示例代码

const HomeScreen = createTabNavigator({
  HomeScreen: { 
    screen: HomeScreen,
    navigationOptions: {
        header: null,
        tabBarLabel: 'Profile',
        tabBarOnPress: ({ navigation }) => {
               navigation.navigate('Profile')  
        }
    }
  },
  Settings: { 
    screen: Settings,
    navigationOptions: {
        header: null
    }
  },



},

{
    initialRouteName: 'HomeScreen',
    lazy: true,
})
const HomeScreen = createStackNavigator({
  Profile: { 
    screen: Profile,
    navigationOptions: {
        header: null
    }
  },
  Home: { 
    screen: Home,
    navigationOptions: {
        header: null
    }
  },



},

{
    initialRouteName: 'Home',
    lazy: true,


})