StackNavigator in react-navigati
2017-12-27 本文已影响0人
wangtieshan
本篇文章主要讲解如何在“导航控制”下的两个界面之间传参数
首先设定场景
A界面： 第一个界面，传参数者
B界面： 第二个界面，接受参数者
A 界面 传参数
注，代码主要是核心代码
const {navigate} = this.props.navigation;
navigate('BPage', {param1Key: 'param1Value', param2Key: 'param2Value'});
B 界面解析参数
const { param1Key, param2Key } = this.props.navigation.state.params
升级用法
使用上面的方法即可进行参数传递
但是我建议当想下一个界面传参数时，使用唯一字段标识
const {navigate} = this.props.navigation;
navigate('BPage', {outParams : {param1Key: 'param1Value', param2Key: 'param2Value'}});
如此，在 B 界面可以通过
const { param1Key, param2Key } = this.props.navigation.state.params.outParams
- 看到 outParam 可以知道从外部传参
- 防止外部参数与内部参数名称冲突（假如内部也赋值的情况）
