ReactNavigation 之 navigation 方法

1. ** 跳转到指定导航页 **
   navigation.navigate(routeName, params, action);

• routeName 导航所定义的名称
• params 可传入的参数
• action (未知作用)

2. 返回上一页或指定导航页
   navigation.goBack(name)

• 如果 name为空，即不传参，则为返回到上一次导航
• 如果 name为null ，则不作任何响应
• 如果 name为指定导航名称，则跳转到指定导航页

3. 调度导航路由参数
   navigation.dispatch(Object)

• Object 传入对象参数

• 使用NavigationActions.reset方法；作用：重置当前导航路由，使用场景比如进入APP的Loading页后不在使用，这时可以重置它

//定义重写对象参数，需要使用NavigationActions方法
import { NavigationActions } from 'react-navigation'
const resetAction = NavigationActions.reset({
  index: 0,
  actions: [
    NavigationActions.navigate({ routeName: 'NotepwdList'})
  ]
})
//在组件中使用dispatch调度路由
this.props.navigation.dispatch(resetAction)

• 使用NavigationActions.navigate 变更导航

import { NavigationActions } from 'react-navigation'

const navigationAction = NavigationActions.navigate({
  routeName: 'Profile',
  params: {},

  // 允许嵌套配置子导航路由
  action: NavigationActions.navigate({ routeName: 'SubProfileRoute'})
})
// 在组合中使用dispatch调度路由
this.props.navigation.dispatch(navigationAction)

*使用NavigationActions.setParams重新设置当前路由参数

import { NavigationActions } from 'react-navigation'

const setParamsAction = NavigationActions.setParams({
  params: {}, 
  key: 'screen-123',
})
// 在组合中使用dispatch调度路由
this.props.navigation.dispatch(setParamsAction)