当我们原生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.