react-native-router-flux(一)

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

ref

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

---

last update 2016-08-31