React Native Router Flux:从主场景导航到子场景

阿塔·穆罕默迪

版本

  • 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>

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

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

亨利·贝文(Henry Bevan)

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

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

第一个场景过渡将场景重置到选项卡栏,并且默认情况下将显示您的initial场景,第二个过渡由于反应本地路由器通量如何处理选项卡场景过渡而替换当前场景。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在 React Native Router Flux 中跨主要场景导航

来自分类Dev

转到子场景选项卡-react-native-router-flux

来自分类Dev

react-native-router-flux,如何获取当前场景关键

来自分类Dev

使用React Native Router Flux在所有场景中维护选项卡

来自分类Dev

React Native Router Flux:使用相同场景但使用其他参数的转换和历史

来自分类Dev

如何使用 react-native-router-flux 设置作为选项卡子项的场景的标题

来自分类Dev

在 react-native-router-flux 上从堆栈中弹出导航

来自分类Dev

react-native:如何结合 react-native-router-flux 和 react-native-drawer?

来自分类Dev

在React-native中使用NavigatiorIOS导航到另一个场景

来自分类Dev

react-native-router-flux,重载时保持状态

来自分类Dev

在 react-native-flux-router 中传递道具

来自分类Dev

如何配置 react-native-router-flux android back history?

来自分类Dev

如何加载场景React Native

来自分类Dev

通过react-native-router-flux在本机基本页脚选项卡中导航

来自分类Dev

使用 react-native-router-flux 无法正确显示导航栏和选项卡

来自分类Dev

如何将react-native-router-flux与react-native-drawer结合使用

来自分类Dev

React-native:将场景绑定到NavigationBar

来自分类Dev

使用 react/redux/react-native-router-flex 在另一个场景中更改状态后刷新概览场景

来自分类Dev

React Native + react-native-router-flux:如何将hideNavBar应用于仅一个<Scene />?

来自分类Dev

如何通过 react-native-router -flux 在 react-native 中更新回(上一个)屏幕

来自分类Dev

使用React-Router-Native从React Native中的Axios拦截器(组件外部)重定向到View组件

来自分类Dev

React Native:导航器场景更改未传递上下文

来自分类Dev

React Native:导航器场景更改未传递上下文

来自分类Dev

使用带有redux的react-native-router-flux,如何更新视图组件中的状态?

来自分类Dev

我如何将react-native-router-flux与Relay集成在一起

来自分类Dev

react-native-router-flux-特定路由负载上的触发功能

来自分类Dev

在react-native-router-flux中使用Actions.reset(“ key”)时,会影响组件的因素

来自分类Dev

我如何将react-native-router-flux与Relay集成在一起

来自分类Dev

如何在 react-native-router-flux 中呈现常见的页眉和页脚?

Related 相关文章

  1. 1

    在 React Native Router Flux 中跨主要场景导航

  2. 2

    转到子场景选项卡-react-native-router-flux

  3. 3

    react-native-router-flux,如何获取当前场景关键

  4. 4

    使用React Native Router Flux在所有场景中维护选项卡

  5. 5

    React Native Router Flux:使用相同场景但使用其他参数的转换和历史

  6. 6

    如何使用 react-native-router-flux 设置作为选项卡子项的场景的标题

  7. 7

    在 react-native-router-flux 上从堆栈中弹出导航

  8. 8

    react-native:如何结合 react-native-router-flux 和 react-native-drawer?

  9. 9

    在React-native中使用NavigatiorIOS导航到另一个场景

  10. 10

    react-native-router-flux,重载时保持状态

  11. 11

    在 react-native-flux-router 中传递道具

  12. 12

    如何配置 react-native-router-flux android back history?

  13. 13

    如何加载场景React Native

  14. 14

    通过react-native-router-flux在本机基本页脚选项卡中导航

  15. 15

    使用 react-native-router-flux 无法正确显示导航栏和选项卡

  16. 16

    如何将react-native-router-flux与react-native-drawer结合使用

  17. 17

    React-native:将场景绑定到NavigationBar

  18. 18

    使用 react/redux/react-native-router-flex 在另一个场景中更改状态后刷新概览场景

  19. 19

    React Native + react-native-router-flux:如何将hideNavBar应用于仅一个<Scene />?

  20. 20

    如何通过 react-native-router -flux 在 react-native 中更新回(上一个)屏幕

  21. 21

    使用React-Router-Native从React Native中的Axios拦截器(组件外部)重定向到View组件

  22. 22

    React Native:导航器场景更改未传递上下文

  23. 23

    React Native:导航器场景更改未传递上下文

  24. 24

    使用带有redux的react-native-router-flux,如何更新视图组件中的状态?

  25. 25

    我如何将react-native-router-flux与Relay集成在一起

  26. 26

    react-native-router-flux-特定路由负载上的触发功能

  27. 27

    在react-native-router-flux中使用Actions.reset(“ key”)时,会影响组件的因素

  28. 28

    我如何将react-native-router-flux与Relay集成在一起

  29. 29

    如何在 react-native-router-flux 中呈现常见的页眉和页脚?

热门标签

归档