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]});
    }),

 

posted @ 2017-11-15 16:07  小猪冒泡  阅读(1295)  评论(0编辑  收藏  举报