8

版本

  • react-native-router-flux v3.35.0
  • 反应原生 v0.31

我的场景很少。其中一个场景有几个子场景。如何从主要场景之一导航到子场景之一？

例子 ：

<Router createReducer={reducerCreate} getSceneStyle={getSceneStyle}>
        <Scene key="root">
          <Scene key="login" direction="vertical" component={Login} title="Login" hideTabBar hideNavBar />
          <Scene key="tabbar" initial={show}>
            <Scene key="main" tabs tabBarStyle={styles.tabBarStyle} tabBarSelectedItemStyle={styles.tabBarSelectedItemStyle} tabBarIconContainerStyle={styles.tabBarIconContainerStyle} >
              <Scene key="courses" component={Courses} title="Courses" icon={IconCourses} navigationBarStyle={styles.navigationBarStyle} titleStyle={styles.titleStyle} initial />
              <Scene key="register"  component={Register} title="Register" icon={IconRegister} navigationBarStyle={styles.navigationBarStyle} titleStyle={styles.titleStyle} />
              <Scene key="schedule" component={Schedule} title="Schedule" icon={IconSchedule} navigationBarStyle={styles.navigationBarStyle} titleStyle={styles.titleStyle} />
              <Scene key="evaluation" component={Schedule} title="Evaluation" icon={IconEvaluation} navigationBarStyle={styles.navigationBarStyle} titleStyle={styles.titleStyle} />
              <Scene key="profile"
              component={Profile}
              title="Profile"
              icon={IconProfile}
              navigationBarStyle={styles.navigationBarStyle}
              titleStyle={styles.titleStyle}
              onLeft={() => { Actions.login(); }}
              leftTitle="Add Account"
              onRight={() => { Actions.login({type: 'reset'}); }}
              rightTitle="Logout"
              rightButtonTextStyle={styles.ButtonTextStyle}
              leftButtonTextStyle={styles.ButtonTextStyle}
              leftButtonStyle={styles.leftButtonStyle} />
            </Scene>
          </Scene>
          <Scene key="terms" component={Terms} />
          <Scene key="details" component={Details} title="Details" navigationBarStyle={styles.navigationBarStyle} titleStyle={styles.titleStyle} backButtonTextStyle={styles.backButtonTextStyle} hideTabBar />
        </Scene>
      </Router>

我想从详细信息导航到课程。但是课程是另一个标签下的标签。我怎样才能做到这一点？

我只能导航到标签栏场景，不能导航到课程或注册。

4

2 回答 2

19

我发现如果您导航到第一个选项卡，您可以切换到内部选项卡tabbar，例如：

<Button onPress={() => {
    Actions.tabbar({type:ActionConst.RESET});
    Actions.courses();
}} title="See Courses" />

第一个场景转换将场景重置到您的选项卡栏，并且默认情况下会显示您的initial场景，然后第二个转换会替换您当前的场景，因为 react-native-router-flux 如何处理选项卡场景转换。

于 2016-12-09T15:30:58.380 回答
1

我实际上在这里回答了一个非常相似的问题。问题是，从login您可以访问的上下文中Actions.tabbar，它会将您路由到initialprop 设置为 true 的嵌套场景或堆栈中的第一个嵌套场景。要查看我正在谈论的示例，请参阅我在此答案第一行中包含的链接。

希望这可以帮助！:)

于 2016-08-29T15:51:00.687 回答