mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 01:25:39 +00:00
516bf7bd94
Summary: The `EmitterSubscription.remove()` method was previously calling `this.subscriber.removeSubscription(this)` directly, bypassing the mechanism in `NativeEventEmitter` that keeps track of the number of subscriptions. This meant that native event modules (subclasses of `RCTEventEmitter`) would keep sending events even after all the listeners had been removed. This wasn't a huge overhead, since these modules are singletons and only send one message over the bridge per event, regardless of the number of listeners, but it's still undesirable. This fixes the problem by routing the `EmitterSubscription.remove()` method through the `EventEmitter` so that `NativeEventEmitter` can apply the additional native calls. I've also improved the architecture so that each `NativeEventEmitter` uses its own `EventEmitter`, but they currently all still share the same `EventSubscriptionVendor` so that legacy code which registers events via `RCTDeviceEventEmitter` still works. Reviewed By: vjeux Differential Revision: D3292361 fbshipit-source-id: d60e881d50351523d2112473703bea826641cdef
77 lines
2.6 KiB
JavaScript
77 lines
2.6 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule RCTDeviceEventEmitter
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
const EventEmitter = require('EventEmitter');
|
|
const EventSubscriptionVendor = require('EventSubscriptionVendor');
|
|
const BatchedBridge = require('BatchedBridge');
|
|
|
|
import type EmitterSubscription from 'EmitterSubscription';
|
|
|
|
/**
|
|
* Deprecated - subclass NativeEventEmitter to create granular event modules instead of
|
|
* adding all event listeners directly to RCTDeviceEventEmitter.
|
|
*/
|
|
class RCTDeviceEventEmitter extends EventEmitter {
|
|
|
|
sharedSubscriber: EventSubscriptionVendor;
|
|
|
|
constructor() {
|
|
const sharedSubscriber = new EventSubscriptionVendor();
|
|
super(sharedSubscriber);
|
|
this.sharedSubscriber = sharedSubscriber;
|
|
}
|
|
|
|
addListener(eventType: string, listener: Function, context: ?Object): EmitterSubscription {
|
|
if (eventType.lastIndexOf('statusBar', 0) === 0) {
|
|
console.warn('`%s` event should be registered via the StatusBarIOS module', eventType);
|
|
return require('StatusBarIOS').addListener(eventType, listener, context);
|
|
}
|
|
if (eventType.lastIndexOf('keyboard', 0) === 0) {
|
|
console.warn('`%s` event should be registered via the Keyboard module', eventType);
|
|
return require('Keyboard').addListener(eventType, listener, context);
|
|
}
|
|
return super.addListener(eventType, listener, context);
|
|
}
|
|
|
|
removeAllListeners(eventType: ?string) {
|
|
if (eventType) {
|
|
if (eventType.lastIndexOf('statusBar', 0) === 0) {
|
|
console.warn('statusBar events should be unregistered via the StatusBarIOS module');
|
|
return require('StatusBarIOS').removeAllListeners(eventType);
|
|
}
|
|
if (eventType.lastIndexOf('keyboard', 0) === 0) {
|
|
console.warn('keyboard events should be unregistered via the Keyboard module');
|
|
return require('Keyboard').removeAllListeners(eventType);
|
|
}
|
|
}
|
|
super.removeAllListeners(eventType);
|
|
}
|
|
|
|
removeSubscription(subscription: EmitterSubscription) {
|
|
if (subscription.emitter !== this) {
|
|
subscription.emitter.removeSubscription(subscription);
|
|
} else {
|
|
super.removeSubscription(subscription);
|
|
}
|
|
}
|
|
}
|
|
|
|
RCTDeviceEventEmitter = new RCTDeviceEventEmitter();
|
|
|
|
BatchedBridge.registerCallableModule(
|
|
'RCTDeviceEventEmitter',
|
|
RCTDeviceEventEmitter
|
|
);
|
|
|
|
module.exports = RCTDeviceEventEmitter;
|