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