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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏PHP实战技术

PHP ob_start() 函数介绍

php ob_start 与 ob_end_flush() 是 php 的缓冲输出函数。

4019
来自专栏测试驿栈

Jmeter(七)_if控制器+循环控制器+计数器控制接口分支

最近查阅了一下网上关于if控制器的文章,大同小异,几乎找不到原创,于是决定自己写一篇

1K2
来自专栏FreeBuf

挖洞经验 | 命令注入突破长度限制

0x01 背景 很多时候,在我们历经千辛万苦挖掘出一个漏洞或者找到一个利用点的时候,却因为一些egg hurt的限制,导致get shell或者send pay...

24110
来自专栏前端侠2.0

Angular技巧汇总 原

    声明项目的全局类型,同时不需要在各个Ts文件中import {XXX} from 'xxx'  ,就能直接引用!方法是:

1172
来自专栏Albert陈凯

2018-08-02 IntelliJ IDEA - Debug 调试多线程程序IntelliJ IDEA - Debug 调试多线程程序

https://blog.csdn.net/nextyu/article/details/79039566

1862
来自专栏V站

关于php的成员变量和全局变量

而php中的全局变量是global定义下的全局变量,是真正的属于当前页面,或者当前文件都能使用的比如:

3736
来自专栏码农二狗

防止因事务未提交导致的死锁

1004
来自专栏ImportSource

并发编程-什么是线程安全?

定义“线程安全”这个概念是一个非常复杂的事情。越是正式而严肃的描述它越是复杂难懂,不仅没办法提供一些实际的指导,而且还没法有一个直观的理解。还有一些不太正式的描...

3737
来自专栏owent

libcopp更新 (merge boost 1.59 context)

这个框架的上下文部分是使用了boost.context,但是从开始写libcopp到现在,boost.context也更新了几个版本。而之前几次merge基本都...

852
来自专栏吴伟祥

5个步骤,教你瞬间明白线程和线程安全

记得今年3月份刚来杭州面试的时候,有一家公司的技术总监问了我这样一个问题:你来说说有哪些线程安全的类?我心里一想,这我早都背好了,稀里哗啦说了一大堆。

1091

扫码关注云+社区

领取腾讯云代金券