RN返回navigation方法

RN官方指定的路由管理是navigation 通过打印我们可以得到navgation的相关属性

1:dispatch ，Redux的事件发起

2:goback（）返回

3:navigate（routeName,{parmas:xxx}）界面跳转并且添加参数（或者是回调函数）

4:state：这个对象里面有当前的routename／key／和params参数

这里讨论的是A-B之间的数据交互

1:事件监听

事件监听类似于iOS原生的通知,一个发,一个收即可.

A界面收:

1 import {
2     DeviceEventEmitter
3 } from 'react-native';

 1  componentDidMount() {2         //收到监听3         this.listener = DeviceEventEmitter.addListener('通知名称',(e)=>{4             alert(e)5         });6     }7     componentWillUnmount(){8         // 移除监听 9         this.listener.remove();
10     }

B界面在pop回A界面的时候发:

1 import {
2     DeviceEventEmitter
3 } from 'react-native';

1     pop = ()=>{
2         let value = '监听'   //准备一个值
3         DeviceEventEmitter.emit('通知名称',value); //发监听
4         this.props.navigator.pop({ })
5     }

2:事件回调　

A界面在push到B界面的时候定义个回调函数

1 push = () =>{
2     this.props.navigator.push({
3         component:DetailsView,
4         passProps:{
5             callback:(msg)=>{ alert(msg) }
6         }
7     })
8 }//在navigation中：this.props.navigation.navigate(routeName,{callback:(parmas)=>this.fun(params)})

B界面在pop回A界面的时候调用该回调函数

1 pop = () =>{
2
3     this.props.navigator.pop({
4     })
5
6     if(this.props.callback){
7         this.props.callback('回调')　　　　// this.props.navigation.state.params.callback("params")
8     }
9 }

转载于:https://www.cnblogs.com/allenxieyusheng/p/7717641.html

RN返回navigation方法相关推荐

Java05-day05【方法(概述、调用过程图解)、带参方法、带返回值方法、重载、方法参数传递(基本类型、引用类型)】
java零基础入门到精通(2019版)[黑马程序员] 视频+资料:[链接:https://pan.baidu.com/s/1MdFNUADVSFf-lVw3SJRvtg 提取码:zjxs] &qu ...
java 参数返回_Java基础---Java中带参数返回值方法的使用（四十）
Java 中带参带返回值方法的使用如果方法既包含参数,又带有返回值,我们称为带参带返回值的方法. 例如:下面的代码,定义了一个 show 方法,带有一个参数 name ,方法执行后返回一个 Stri ...
ajax返回值并在layui显示,layUI使用layer.open,在content打开数据表格,获取值并返回的方法...
在layUI编写的页面中,遇到这么一种情况,从一个页面中使用layer.open打开一个新窗口,新窗口中是一个数据表格,现在需要选中数据表格中的一列并获取它的值,以便下面这个选择按钮可以使用这个值进行 ...
Java基础---Java中带参数返回值方法的使用（四十）
Java 中带参带返回值方法的使用如果方法既包含参数,又带有返回值,我们称为带参带返回值的方法. 例如:下面的代码,定义了一个 show 方法,带有一个参数 name ,方法执行后返回一个 Stri ...
JS-对象/Date 日期对象/返回/设置年份方法/返回星期方法/返回(/设置)时间方法
什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: ...
python获取url返回值_python获取url的返回信息方法
如下所示: #!/usr/bin/env python # -*- coding: utf-8 -*- import os import sys import urllib import urllib ...
java void 返回_关于java：Void方法不能返回void方法的值？
我不介意我不明白,但我想知道为什么会这样: void something(String a) { return hi(); } void hi() { return; } 奇怪的是,hi()的返回类型 ...
php rn 返回,rn滑动返回页面监听 - osc_13a0punx的个人空间 - OSCHINA - 中文开源技术交流社区...
开发rn的同学都已经知道这个问题很坑了,真的很难弄,网上的方法尝试过很多,返回的的时候回调,是用的最多的,最开始我也是用的这种方式,但是滑动返回的时候监听不到.并且用起来也比较麻烦,不但需要在当前页面 ...
查看LoadRunner脚本请求日志和服务器返回值方法
1. 查看所有请求日志和请求响应信息: 采用LoadRunner工具Run-time settings或按键盘F4,选择LOG设置,选择Extended log->Data returned ...

RN返回navigation方法

RN返回navigation方法相关推荐

最新文章

热门文章