移动到屏幕而不将其添加到createTabNavigator

时间:2019-02-12 17:04:40

标签: react-native react-navigation

我已经使用createTabNavigator创建了两个屏幕(“搜索”和“添加”)。但是,我想逐步进行“添加”,在该过程中,您需要填写一些详细信息,然后单击下一步以填写其他字段,等等。但是,我不确定如何先导航到这些屏幕,而不先将其添加到createTabNavigator。

问题是它会将屏幕添加到我不想要的选项卡中(它们应该被隐藏了)。

我只是想知道是否有人对如何解决这个问题有任何建议。非常感谢

1 个答案:

答案 0 :(得分:0)

我也有类似的情况,对此有一个非常简单的解决方案。 使用堆栈导航器以嵌套格式编写导航器将帮助您隐藏它,并在react-navigation中进行导航。

例如,我正在使用带有Home Container的标签导航器,因此应该从标签中隐藏“注册屏幕”;

      export const HomeContainer = createBottomTabNavigator({
      Loan: {
        screen: createStackNavigator({
          Home: {
            screen: Home,
            navigationOptions: {
              header: null,
              gesturesEnabled: false
            }
          },
          Register1: {
            screen: R1,
            navigationOptions: {
              header: null,
              gesturesEnabled: false
            }
          },
          Register-2: {
            screen: R2,
            navigationOptions: {
              header: null,
              gesturesEnabled: false
            }
          },
        }),
        navigationOptions: {
          title: "Home",
          tabBarOptions: {
            activeTintColor: '#D72163',
            inactiveTintColor: 'rgba(0,0,0,0.54)',
            gesturesEnabled: false
          },
       }
     }
   });

在这里,我写了一个带有2个注册屏幕的家庭容器。注册屏幕写在Home标签导航器中的堆栈导航器中。

有关进一步的说明,请在此处评论。