本篇文章主要讲解如何在“导航控制”下的两个界面之间传参数
首先设定场景
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 可以知道从外部传参
- 防止外部参数与内部参数名称冲突(假如内部也赋值的情况)