如何使用Wix的react-native-navigation从初始的bottomTabs切换到抽屉式Nav?

时间:2019-09-24 16:33:30

标签: react-native react-native-android react-native-ios react-native-navigation wix-react-native-navigation

我正在设置一个react-native项目,使其具有一个基于选项卡的屏幕,其中登录/注册是它们自己的选项卡,并且在通过身份验证后,该应用将使用Wix的react-native-navigation提供基于抽屉的导航[V2]。

如何在registerAppLaunchedListener()中进行设置,以及如何在验证后切换根?

我认为前者看起来像这样:

Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      bottomTabs: {
        children: [
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'RegisterScreen',
                    options: {
                      bottomTab: {
                        text: 'Register Tab',
                      }
                    }
                  }
              ],
              options: {} 
            }
          },
          {
            component: {
              name: "RegisterScreen",
              options: {
                bottomTab: {
                  text: "Login Tab"
                }
              }
            }
          } 
        ],
        options: {}
      }
    }
  })
});

但是我不知道如何将sideMenu嵌套在bottomTab中。 不知道是否必须在setRoot()中初始化基于标签的导航&&抽屉导航屏幕组件。如果这样做,应该如何设置它们,并以编程方式导航到经过身份验证后进行切换?如果最终将Redux集成起来,还是应该不使用该库?

0 个答案:

没有答案