React Native 使用navigation进行页面反向传

就像在原生应用中常常使用到的页面之间正向/反向传值一样，在React Native 中也可以实现这样的功能效果，毕竟有些时候正反向传值还是很有必要的

正向传值

页面A跳转到页面B，只需要在页面A中设置：

this.props.navigation.navigate('页面B', {
  key1 : value1,
  key2 : value2,
  ...
})

反向传值

在反向传值中，往往都是从当前页面返回到上一个页面，顺便传部分参数过去对上一个页面进行重新渲染。

以页面B返回页面A为例：

页面A：

this.props.navigation.navigate('页面B', {
  key1 : value1,
  key2 : value2,
  ...,
  callback : ((info) => {
    // do something  eg:
    this.setState({
      someKey : info,
    });
  })
});

页面B：

onPress = {() => {
  if (this.props.navigation.state.params.callback) {
    this.props.navigation.state.params.callback(info);
  }
}}