StackNavigator in react-navigation 传参
StackNavigator in react-navigation 传参
onety码生
发布于 2018-11-21 10:59:08
发布于 2018-11-21 10:59:08
文章被收录于专栏：码生
本篇文章主要讲解如何在“导航控制”下的两个界面之间传参数
首先设定场景
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 可以知道从外部传参
- 防止外部参数与内部参数名称冲突（假如内部也赋值的情况）
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2017.12.27 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
