React Native - 桥接 Android Native 到 React Native 性能变慢

Question

I'm new in bridging Native (Android) to React Native.

I want to send a lot of data from Android Native to React Native but get performance issues (slow).

Here my example code :

Android Native (using callback):

for(int i = 0 ; i < 10000000000000 ; i++){    
this.dispatchEvent("MyEvent","hello this is my message");
}

React Native :

var myFunction = (tags) => {
            console.log("Message :"+tags);
}

RNTry.on("MyEvent", myFunction);

What result i get :

1. Message from Android Native send to React Native with success result
2. React Native UI freeze, not responding when i touch a button

My Question :

How to send a lot of data (real time) from Android Native to React Native without get React Native UI freeze/lag?

Answer 1

try to send events from android to react

private void sendEvent(ReactContext reactContext,
                      String eventName,
                      @Nullable WritableMap params) {
 reactContext
     .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
     .emit(eventName, params);
}

read about it https://reactnative.dev/docs/native-modules-android