关闭

react-native-router-flux(一)

2683人阅读 评论(0) 收藏 举报
分类:

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()
        }
      }

ref

http://stackoverflow.com/questions/35140116/accessing-navigator-in-actions-with-react-native-and-redux


last update 2016-08-31

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:41157次
    • 积分:1815
    • 等级:
    • 排名:千里之外
    • 原创:147篇
    • 转载:0篇
    • 译文:0篇
    • 评论:8条
    联系方式
    qq:905663280 欢迎交流(成都线下)&合作
    文章分类
    最新评论