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

Question

我使用 createTabNavigator 创建了两个屏幕（“搜索”和“添加”）。但是，我想让“添加”逐步进行，您可以在其中填写一些详细信息，单击下一步填写其他字段等。但是，如果不先将它们添加到这些屏幕，我不确定如何导航到这些屏幕创建标签导航器。

这样做的问题是它将屏幕添加到我不寻找的选项卡中（它们应该被隐藏）。

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

标签： react-nativereact-navigation

Answer 1

我也有类似的情况，有一个非常简单的解决方案。使用堆栈导航器以嵌套格式编写导航器将帮助您隐藏它并在反应导航中导航。

例如，我正在使用带有 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 Container。注册屏幕写在 Home 的选项卡导航器内的堆栈导航器中。

如需进一步说明，请在此处发表评论。