德川家康

厌离秽土,欣求净土

react-native-router-flux(一)

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

阅读更多
版权声明:欢迎评论、补充;24小时内回复;及时更新;欢迎转载。 https://blog.csdn.net/li905663280/article/details/52381822
个人分类: rn
上一篇bbook 二手程序书籍交易平台
下一篇react-native-gifted-listview(一)
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭