React Native使用 DeviceEventEmitter发送通知emit和监听接收addListener的用法

摘要:
并将用户信息发送到淘宝、详情页面等。
js 向 js 发送数据
DeviceEventEmitter.emit('自定义名称',发送数据);
 
例:边看边买退出登录之后,我的淘宝和详情页的钱包数据应该改变。这时,我们可以在退出登录请求返回退出登录成功时发送一个通知
    userInfo.userLogout((success) => {  
  1. if (success) {  
  2.         DeviceEventEmitter.emit('taobaoBind',{taobaoBind:false,walletSum:0.00,couponNum:0});  
  3. const nav = this.props.navigator;  
  4. const routers = nav.getCurrentRoutes();  
  5. if (routers.length > 1) {  
  6.           nav.pop();  
  7.         }  
  8.       }  
  9. });  
然后在我的淘宝和详情页接收通知,并使用setState改变数据 
  1. DeviceEventEmitter.addListener('taobaoBind',(events) =>{this.setState({walletSum : events.walletSum});});  
 
js接受数据
DeviceEventEmitter.addListener('名称',(events) ={使用数据events});
 
android向js发送数据
  1. WritableMap params = Arguments.createMap();  
  2. params.putString("message",msg.obj.toString());  
  3. reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)  
  4.         .emit(eventName, params);  
例:扫码轮询时,扫码成功可以向扫码页发送一个扫码成功的状态,输入密码完成时,也可以发送一个状态,使扫码页自动关闭。并将用户信息发给我的淘宝,详情页等。
 
使用方法:
DeviceEventEmitter.addListener('useCoupon',(couponId)=>{
        this.context.router.popToWithProps('index',{trandatas:this.state.coupons[couponId]});
    }),

免责声明:文章转载自《React Native使用 DeviceEventEmitter发送通知emit和监听接收addListener的用法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Codeforces Round #685 (Div. 2) C. String Equality 思维Android中的TableLayout的简单使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js 控制按钮点击后不可用

为了防止用户多次点击某按钮,造成多次提交表单的操作。某些按钮需要在点击后实现不可用操作。 例子: <html> <head> <title>同意条款</title> </head> <body> <form id="form1"name="form1"method="post"a...

JS邮箱验证-正则验证

<form action="">输入:<input type="text" name="mazey" placeholder="请输入邮箱"><input type="button" value="验证" onclick="check();"></form> <script>function ch...

js 文件下载

工程WebApi: 点击按钮执行的handler 1 exportClick() { 2 var 3 profile = { 4 content: this.state.profile, 5 type: MappingTypeForSe...

原生js版分页插件

之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来。如有不足之处,欢迎指出。  需要购买阿里云产品和服务的,点击此链接领取优惠券红包,优惠购买哦,领取后一个月内有效: https://promotion.aliyun.com/nt...

h5页面跳转小程序

2020年以前, 只能通过 web-view内嵌h5跳转小程序,现在  可以直接跳了!!!!!!  官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 用的是JS-SDK的接口,需要使用到js-sdk-1.6.0的版本才有支持,htt...

前端学习(40)~js学习(十七):数组的常见方法&amp;amp;数组的遍历

前言 数组的四个基本方法如下:(数组元素的添加和删除) 方法 描述 备注 push() 向数组的最后面插入一个或多个元素,返回结果为该数组新的长度 会改变原数组 pop() 删除数组中的最后一个元素,返回结果为被删除的元素 会改变原数组 unshift() 在数组最前面插入一个或多个元素,返回结果为该数组新的长度 会改变原数组 shi...