@onekeyfe/react-native-native-overlay 3.0.162-alpha.268

package/android/src/main/java/com/onekey/nativeoverlay/NativeOverlayViewManager.kt

@@ -0,0 +1,156 @@
+package com.onekey.nativeoverlay
+
+import android.view.View
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ReactStylesDiffMap
+import com.facebook.react.uimanager.StateWrapper
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.viewmanagers.RNCNativeOverlayManagerDelegate
+import com.facebook.react.viewmanagers.RNCNativeOverlayManagerInterface
+
+@ReactModule(name = NativeOverlayViewManager.NAME)
+class NativeOverlayViewManager :
+  ViewGroupManager<NativeOverlayView>(),
+  RNCNativeOverlayManagerInterface<NativeOverlayView> {
+  private val delegate = RNCNativeOverlayManagerDelegate<NativeOverlayView, NativeOverlayViewManager>(this)
+
+  override fun getName(): String = NAME
+
+  override fun getDelegate(): ViewManagerDelegate<NativeOverlayView> = delegate
+
+  override fun createViewInstance(context: ThemedReactContext): NativeOverlayView {
+    val view = NativeOverlayView(context)
+    fun dispatch(event: (surfaceId: Int) -> com.facebook.react.uimanager.events.Event<*>) {
+      val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(context, view.id)
+      dispatcher?.dispatchEvent(event(UIManagerHelper.getSurfaceId(context)))
+    }
+    view.onPresented = { stackOrder ->
+      dispatch { NativeOverlayPresentedEvent(it, view.id, stackOrder) }
+    }
+    view.onDismissed = { reason ->
+      dispatch { NativeOverlayReasonEvent(it, view.id, NativeOverlayReasonEvent.DISMISSED, reason) }
+    }
+    view.onRequestDismiss = { reason ->
+      dispatch { NativeOverlayReasonEvent(it, view.id, NativeOverlayReasonEvent.REQUEST_DISMISS, reason) }
+    }
+    return view
+  }
+
+  override fun addEventEmitters(context: ThemedReactContext, view: NativeOverlayView) {
+    view.eventDispatcher = UIManagerHelper.getEventDispatcher(context)
+  }
+
+  override fun updateState(
+    view: NativeOverlayView,
+    props: ReactStylesDiffMap,
+    stateWrapper: StateWrapper,
+  ): Any? {
+    view.stateWrapper = stateWrapper
+    return null
+  }
+
+  override fun onAfterUpdateTransaction(view: NativeOverlayView) {
+    super.onAfterUpdateTransaction(view)
+    view.commitConfiguration()
+  }
+
+  override fun onDropViewInstance(view: NativeOverlayView) {
+    view.onDropViewInstance()
+    super.onDropViewInstance(view)
+  }
+
+  override fun addView(parent: NativeOverlayView, child: View, index: Int) {
+    parent.addReactChild(child)
+  }
+
+  override fun getChildCount(parent: NativeOverlayView): Int = parent.getReactChildCount()
+
+  override fun getChildAt(parent: NativeOverlayView, index: Int): View? = parent.getReactChildAt(index)
+
+  override fun removeView(parent: NativeOverlayView, view: View) {
+    parent.removeReactChild(view)
+  }
+
+  override fun removeAllViews(parent: NativeOverlayView) {
+    parent.getReactChildAt(0)?.let(parent::removeReactChild)
+  }
+
+  override fun removeViewAt(parent: NativeOverlayView, index: Int) {
+    parent.getReactChildAt(index)?.let(parent::removeReactChild)
+  }
+
+  override fun setVisible(view: NativeOverlayView, value: Boolean) {
+    view.visible = value
+  }
+
+  override fun setLevel(view: NativeOverlayView, value: String?) {
+    view.level = value ?: "modal"
+  }
+
+  override fun setScope(view: NativeOverlayView, value: String?) {
+    view.scope = value ?: "global"
+  }
+
+  override fun setHostKey(view: NativeOverlayView, value: String?) {
+    view.hostKey = value.orEmpty()
+  }
+
+  override fun setOwnerKey(view: NativeOverlayView, value: String?) {
+    view.ownerKey = value.orEmpty()
+  }
+
+  override fun setPresentation(view: NativeOverlayView, value: String?) {
+    view.presentation = value ?: "center"
+  }
+
+  override fun setStackOrder(view: NativeOverlayView, value: Int) {
+    view.stackOrder = value
+  }
+
+  override fun setBlocking(view: NativeOverlayView, value: Boolean) {
+    view.blocking = value
+  }
+
+  override fun setDismissOnBackPress(view: NativeOverlayView, value: Boolean) {
+    view.dismissOnBackPress = value
+  }
+
+  override fun setDismissOnBackdropPress(view: NativeOverlayView, value: Boolean) {
+    view.dismissOnBackdropPress = value
+  }
+
+  override fun setBackdropColor(view: NativeOverlayView, value: Int?) {
+    view.backdropColor = value
+  }
+
+  override fun setSheetHeight(view: NativeOverlayView, value: Double) {
+    view.sheetHeight = value
+  }
+
+  override fun setSheetCornerRadius(view: NativeOverlayView, value: Double) {
+    view.sheetCornerRadius = value
+  }
+
+  override fun setShowHandle(view: NativeOverlayView, value: Boolean) {
+    view.showHandle = value
+  }
+
+  override fun setSheetBackgroundColor(view: NativeOverlayView, value: Int?) {
+    view.sheetBackgroundColor = value
+  }
+
+  override fun setDismissOnPanDown(view: NativeOverlayView, value: Boolean) {
+    view.dismissOnPanDown = value
+  }
+
+  override fun setAnimationConfig(view: NativeOverlayView, value: String?) {
+    view.animationConfig = value
+  }
+
+  companion object {
+    const val NAME = "RNCNativeOverlay"
+  }
+}

package/android/src/main/jni/CMakeLists.txt

@@ -0,0 +1,44 @@
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE ON)
+
+# Replaces the codegen library so the hand-written overlay shadow node
+# (common/cpp) is compiled and registered. Mirrors react-native-screens.
+set(LIB_LITERAL RNCNativeOverlay)
+set(LIB_TARGET_NAME react_codegen_${LIB_LITERAL})
+
+set(LIB_ANDROID_DIR ${CMAKE_CURRENT_SOURCE_DIR}/../../..)
+set(LIB_COMMON_DIR ${LIB_ANDROID_DIR}/../common/cpp)
+set(LIB_COMMON_COMPONENTS_DIR ${LIB_COMMON_DIR}/react/renderer/components/${LIB_LITERAL})
+set(LIB_ANDROID_GENERATED_JNI_DIR ${LIB_ANDROID_DIR}/build/generated/source/codegen/jni)
+set(LIB_ANDROID_GENERATED_COMPONENTS_DIR ${LIB_ANDROID_GENERATED_JNI_DIR}/react/renderer/components/${LIB_LITERAL})
+
+file(GLOB LIB_CUSTOM_SRCS CONFIGURE_DEPENDS ${LIB_COMMON_COMPONENTS_DIR}/*.cpp)
+file(GLOB LIB_CODEGEN_SRCS CONFIGURE_DEPENDS
+  ${LIB_ANDROID_GENERATED_JNI_DIR}/*.cpp
+  ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}/*.cpp
+)
+
+add_library(
+  ${LIB_TARGET_NAME}
+  OBJECT
+  ${LIB_CUSTOM_SRCS}
+  ${LIB_CODEGEN_SRCS}
+)
+
+target_include_directories(
+  ${LIB_TARGET_NAME}
+  PUBLIC
+  .
+  ${LIB_COMMON_DIR}
+  ${LIB_ANDROID_GENERATED_JNI_DIR}
+  ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}
+)
+
+target_link_libraries(
+  ${LIB_TARGET_NAME}
+  fbjni
+  jsi
+  reactnative
+)
+
+target_compile_reactnative_options(${LIB_TARGET_NAME} PRIVATE)

package/android/src/main/jni/RNCNativeOverlay.h

@@ -0,0 +1,19 @@
+#pragma once
+
+#include <ReactCommon/JavaTurboModule.h>
+#include <ReactCommon/TurboModule.h>
+#include <jsi/jsi.h>
+
+// Shadows the codegen header of the same name so autolinking, which
+// includes it before ComponentDescriptors.h, sees the hand-written
+// RNCNativeOverlayComponentDescriptor.
+#include <react/renderer/components/RNCNativeOverlay/NativeOverlayComponentDescriptor.h>
+
+namespace facebook::react {
+
+JSI_EXPORT
+std::shared_ptr<TurboModule> RNCNativeOverlay_ModuleProvider(
+    const std::string &moduleName,
+    const JavaTurboModule::InitParams &params);
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNCNativeOverlay/NativeOverlayComponentDescriptor.h

@@ -0,0 +1,12 @@
+#pragma once
+
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+#include "NativeOverlayShadowNode.h"
+
+namespace facebook::react {
+
+using RNCNativeOverlayComponentDescriptor =
+    ConcreteComponentDescriptor<RNCNativeOverlayShadowNode>;
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNCNativeOverlay/NativeOverlayShadowNode.cpp

@@ -0,0 +1,12 @@
+#include "NativeOverlayShadowNode.h"
+
+namespace facebook::react {
+
+extern const char RNCNativeOverlayComponentName[] = "RNCNativeOverlay";
+
+Point RNCNativeOverlayShadowNode::getContentOriginOffset(
+    bool /*includeTransform*/) const {
+  return getStateData().contentOffset;
+}
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNCNativeOverlay/NativeOverlayShadowNode.h

@@ -0,0 +1,41 @@
+#pragma once
+
+#include <jsi/jsi.h>
+#include <react/renderer/components/RNCNativeOverlay/EventEmitters.h>
+#include <react/renderer/components/RNCNativeOverlay/Props.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+#include "NativeOverlayState.h"
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char RNCNativeOverlayComponentName[];
+
+class JSI_EXPORT RNCNativeOverlayShadowNode final
+    : public ConcreteViewShadowNode<
+          RNCNativeOverlayComponentName,
+          RNCNativeOverlayProps,
+          RNCNativeOverlayEventEmitter,
+          NativeOverlayState> {
+ public:
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  /*
+   * Like <Modal>: the content is drawn outside the host's tree position, so
+   * measurements stop at this node (a root) and the host is never culled.
+   */
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteViewShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::RootNodeKind);
+    traits.set(ShadowNodeTraits::Trait::Unstable_uncullableView);
+    return traits;
+  }
+
+  /*
+   * Measurements start at this node's origin, which native reports as the
+   * window origin of wherever it presented the content.
+   */
+  Point getContentOriginOffset(bool includeTransform) const override;
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNCNativeOverlay/NativeOverlayState.h

@@ -0,0 +1,40 @@
+#pragma once
+
+#include <react/renderer/graphics/Float.h>
+#include <react/renderer/graphics/Point.h>
+
+#ifdef RN_SERIALIZABLE_STATE
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook::react {
+
+/*
+ * Native moves an overlay's content out of the host view into its level
+ * window, sheet, or page host. `contentOffset` is the window origin of the
+ * view the content now lives in (0,0 for a full-window level; the sheet top
+ * for a sheet), so `measure` / `measureInWindow` report on-screen frames.
+ */
+class NativeOverlayState final {
+ public:
+  NativeOverlayState() = default;
+  explicit NativeOverlayState(Point contentOffset)
+      : contentOffset(contentOffset) {}
+
+  Point contentOffset{};
+
+#ifdef RN_SERIALIZABLE_STATE
+  NativeOverlayState(
+      const NativeOverlayState & /*previousState*/,
+      folly::dynamic data)
+      : contentOffset(
+            {static_cast<Float>(data["x"].getDouble()),
+             static_cast<Float>(data["y"].getDouble())}) {}
+
+  folly::dynamic getDynamic() const {
+    return folly::dynamic::object("x", contentOffset.x)("y", contentOffset.y);
+  }
+#endif
+};
+
+} // namespace facebook::react