就像在原生应用中常常使用到的页面之间正向/反向传值一样，在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);
}
}}
网友评论