react-native-router-flux(一)

最新推荐文章于 2025-06-04 09:20:20 发布

li905663280

最新推荐文章于 2025-06-04 09:20:20 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/li905663280/article/details/52381822

本文介绍如何在使用Redux的React Native项目中实现导航器(navigator)的跳转。通过结合react-native-router-flux与Redux，文章详细说明了如何配置路由(Route)以支持Redux状态管理，并在组件更新时触发特定动作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

navigator with redux react native

for

在采用了redux的项目中实现navigator的跳转。采用 react-native-router-flux +redux

explain

在Route标签中的component属性将redux加入组件中，
在Router标签中Connect a to redux
triggeractions
Actions.BEFORE_ROUTE
Actions.AFTER_ROUTE
Actions.AFTER_POP
Actions.BEFORE_POP
Actions.AFTER_DISMISS
Actions.BEFORE_DISMISS
在reducer中state.set(‘currentRoute’,action.name)

update you component on focus

componentDidUpdate(prevProps) {
    const prevRoute = prevProps.global.currentRoute
    const currentRoute = this.props.global.currentRoute
    if (currentRoute === 'payment' && prevRoute !== currentRoute) {
      this.props.actions.doSomething()
    }
  }