React-Native 发送和接收事件DeviceEventEmitter

阅读更多

组件是DeviceEventEmitter。RN中是如何发送和接收事件的：

特点是可以跨页面使用：

import {
    View,
    Text,
    Button,
    DeviceEventEmitter
} from 'react-native';

发送消息的方法

 {
    DeviceEventEmitter.emit('left', '发送了个通知');
}}/>

接收这个消息的方法:

componentDidMount() {
    this.deEmitter = DeviceEventEmitter.addListener('left', (a) => {
        alert('收到通知：' + a);
    });
}

a 发送的消息，可以是对象,
卸载：

componentWillUnmount() {
    this.deEmitter.remove();
}

js接受数据
DeviceEventEmitter.addListener('名称',(events) ={使用数据events});

android向js发送数据

WritableMap params = Arguments.createMap();
params.putString("message",msg.obj.toString());
reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
        .emit(eventName, params);

例：扫码轮询时，扫码成功可以向扫码页发送一个扫码成功的状态，输入密码完成时，也可以发送一个状态，使扫码页自动关闭。并将用户信息发给我的淘宝，详情页等。