Facebook/react-native
1
0
Fork 0
mirror of https://github.com/facebook/react-native.git synced 2025-11-01 09:14:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Fabric Interop event example (#36692)

Browse Source 
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/36692

Similar to the iOS counterpart,
this changes adds an example to RNTester to verify that the Interop Layer can process bubbling events in Fabric as it used to do in Paper.

Changelog:
[Internal] [Changed] - Add Fabric Interop event example

Reviewed By: cipolleschi

Differential Revision: D44467555

fbshipit-source-id: 1f1af27583c402641c549bc2926a64469dcd7b3f
This commit is contained in:
Nicola Corti
2023-03-29 04:48:21 -07:00
committed by Facebook GitHub Bot
parent 7562eb5550
commit 94debf1b3a
2 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyLegacyViewManager.java
+17
View File
@@ -11,12 +11,14 @@ import android.graphics.Color;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.common.MapBuilder;
import com.facebook.react.module.annotations.ReactModule;
import com.facebook.react.uimanager.SimpleViewManager;
import com.facebook.react.uimanager.ThemedReactContext;
import com.facebook.react.uimanager.ViewProps;
import com.facebook.react.uimanager.annotations.ReactProp;
import java.util.Collections;
import java.util.HashMap;
import java.util.Map;
/** Legacy View manager (non Fabric compatible) for {@link MyNativeView} components. */
@@ -59,4 +61,19 @@ public class MyLegacyViewManager extends SimpleViewManager<MyNativeView> {
public final Map<String, Object> getExportedViewConstants() {
return Collections.singletonMap("PI", 3.14);
}
@Override
public final Map<String, Object> getExportedCustomBubblingEventTypeConstants() {
Map<String, Object> eventTypeConstants = new HashMap<String, Object>();
eventTypeConstants.putAll(
MapBuilder.<String, Object>builder()
.put(
"onColorChanged",
MapBuilder.of(
"phasedRegistrationNames",
MapBuilder.of(
"bubbled", "onColorChanged", "captured", "onColorChangedCapture")))
.build());
return eventTypeConstants;
}
}
packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeView.java
+30
View File
@@ -8,11 +8,41 @@
package com.facebook.react.uiapp.component;
import android.content.Context;
import android.graphics.Color;
import android.view.View;
import com.facebook.react.bridge.Arguments;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.WritableMap;
import com.facebook.react.uimanager.events.RCTEventEmitter;
class MyNativeView extends View {
private int currentColor = 0;
public MyNativeView(Context context) {
super(context);
}
@Override
public void setBackgroundColor(int color) {
super.setBackgroundColor(color);
if (color != currentColor) {
currentColor = color;
emitNativeEvent(color);
}
}
private void emitNativeEvent(int color) {
WritableMap event = Arguments.createMap();
WritableMap backgroundColor = Arguments.createMap();
float[] hsv = new float[3];
Color.colorToHSV(color, hsv);
backgroundColor.putDouble("hue", hsv[0]);
backgroundColor.putDouble("saturation", hsv[1]);
backgroundColor.putDouble("brightness", hsv[2]);
backgroundColor.putDouble("alpha", Color.alpha(color));
event.putMap("backgroundColor", backgroundColor);
ReactContext reactContext = (ReactContext) getContext();
reactContext.getJSModule(RCTEventEmitter.class).receiveEvent(getId(), "onColorChanged", event);
}
}