ReactNative学习笔记-Native主动发送消息给JS

当我们原生Native 主动发送消息给JS时，我们可以写一个

private void sendEvent(ReactContext reactContext,
String eventName,
@Nullable WritableMap params) {
if (reactContext==null) {

}else{
reactContext.getJSModule (DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit(eventName, params);
}

}

params是我们发送给JS的参数，writableMap这种类型发给JS，JS会把参数识别为字典，我们可以在JS中跟操作字典一样拿到参数

ReactContext是一个继承了ReactContext的对象，我们在ReactContextBaseJaveModule中可以拿到一个这样的对象，例如这样子调用

WritableMap params = Arguments.createMap();
params.putBoolean("isLogin",true);
params.putString("name","jredthree");
sendEvent(getReactApplicationContext(), "login", params);

这样我们在Native中就把我们要发送给JS的信息给发送出去了，那JS应该怎么收到这样的消息呢，ReactNative有一种观察者模式的监听只要我们注册监听就可以了。

componentWillMount(){
var listenerNative = DeviceEventEmitter.addListener('login', (event)=> {

alert("event listener success"+event["name"]);
})
};

可以看出eventName 这个参数是我们JS监听的标志，标志我们要监听哪件事件，而event则是我们的参数，前面说过writableMap声明的对象在JS中会被当成字典，所以我们可以通过event[参数名]去拿到我们的值。

注意：

如果你所取的参数并不存在，则会返回你undefine.