TabNavigator中的TabNavigator

Question

使用反应原生和反应导航，我如何才能使我的一个TabNavigator成为一个额外的tabs，但以一种它覆盖现有选项卡的方式？

下面是我想要的导航器配置的大致轮廓。然而，"AddNavigator“在我现有的选项卡上显示为选项卡。但我想让他们把那些标签盖起来。

export const AddNavigator = TabNavigator({
  AddPhoto: { screen: AddPhoto },
  AddText: { screen: AddText },
}, { mode: 'modal', headerMode: 'none' });

export const Tabs = TabNavigator({
  TabHome: { screen: TabHome },
  TabAdd: { screen: AddNavigator },
  TabProfile: { screen: TabProfile }
});

export const Root = StackNavigator({
  SplashScreen: { screen: SplashScreen },
  LoginScreen: { screen: LoginScreen },
  SignupScreen: { screen: SignupScreen },

  Tabs: { screen: Tabs },

}, { mode: 'modal', headerMode: 'none' });

作为参考，考虑一下Instagram应用程序。当您单击中间的选项卡(添加照片)时，您会看到一个附加的选项卡导航器，要求您选择“图库、照片或视频”Screenshot

Answer 1

要模拟对instagram的引用，您可以这样做：

export const Tabs = TabNavigator({
    TabHome: { screen: TabHome },
    TabAdd: {
        screen: AddNavigator,
        navigationOptions: {
            tabBarVisible: false
        }
    },
    TabProfile: { screen: TabProfile }
});

​

​