StackNavigator in react-navigation 传参

本篇文章主要讲解如何在“导航控制”下的两个界面之间传参数

首先设定场景

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 可以知道从外部传参
• 防止外部参数与内部参数名称冲突（假如内部也赋值的情况）

欢迎加入QQ群： 722600238

在这里可以讨论、帮助你解决你遇到的问题

另外我的个人博客也已经上线，以后文章或先更新个人博客

onety的博客