@sdcx/overlay 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 http://www.sdcx.tech
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,15 @@
+# Overlay
+
+`Overlay` 是一个 React Native 原生 UI 基础设施，它漂浮在你的 React Native 应用之上，可用于实现 Modal, Alert, Toast, Popover, Notification, Hoverball 等顶层 UI。
+
+## Installation
+
+```bash
+yarn add @sdcx/overlay
+# &
+pod install
+```
+
+## Usage
+
+请查看 Hoverball 示例代码

package/RNOverlay.podspec

@@ -0,0 +1,18 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "RNOverlay"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+ 
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+  s.platforms    = { :ios => "10.0" }
+  s.source       = { :git => "https://github.com/github-account/overlay.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/Overlay/**/*.{h,m,mm}"
+  s.dependency "React-Core"
+end

package/android/build.gradle

@@ -0,0 +1,35 @@
+// android/build.gradle
+
+def safeExtGet(prop, fallback) {
+    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+
+    compileSdkVersion safeExtGet('compileSdkVersion', 30)
+    buildToolsVersion safeExtGet('buildToolsVersion', '30.0.2')
+
+    defaultConfig {
+        minSdkVersion safeExtGet('minSdkVersion', 21)
+        targetSdkVersion safeExtGet('targetSdkVersion', 30)
+        versionCode 1
+        versionName "1.0.0"
+    }
+
+    buildTypes {
+        release {
+            consumerProguardFiles 'proguard-rules.pro'
+        }
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar'])
+    implementation 'com.facebook.react:react-native:+'
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.reactnative.overlay">
+
+</manifest>

package/android/src/main/java/com/reactnative/overlay/Overlay.java

@@ -0,0 +1,100 @@
+package com.reactnative.overlay;
+
+import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;
+
+import android.app.Activity;
+import android.os.Bundle;
+import android.view.Gravity;
+import android.view.ViewGroup;
+import android.view.Window;
+import android.widget.FrameLayout;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.UiThread;
+
+import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReadableMap;
+
+@UiThread
+public class Overlay {
+
+    final Activity activity;
+    final String moduleName;
+
+    final ReactInstanceManager reactInstanceManager;
+
+    OverlayRootView rootView;
+    ViewGroup decorView;
+
+    public Overlay(@NonNull Activity activity, String moduleName, ReactInstanceManager reactInstanceManager) {
+        this.activity = activity;
+        this.moduleName = moduleName;
+        this.reactInstanceManager = reactInstanceManager;
+    }
+
+    public void show(ReadableMap props, ReadableMap options) {
+        OverlayRootView reactRootView = createReactRootView();
+
+        if (options.hasKey("passThroughTouches")) {
+            reactRootView.setShouldConsumeTouchEvent(!options.getBoolean("passThroughTouches"));
+        }
+
+        this.rootView = reactRootView;
+        startReactApplication(reactRootView, Arguments.toBundle(props));
+        decorView = getDecorView();
+        if (decorView != null) {
+            decorView.addView(reactRootView);
+        }
+    }
+
+    public void hide() {
+        if (decorView != null) {
+            decorView.removeView(rootView);
+            decorView = null;
+        }
+
+        unmountReactView();
+    }
+
+    public void update() {
+        ViewGroup decorView = getDecorView();
+        if (decorView != null && decorView != this.decorView) {
+            this.decorView.removeView(rootView);
+            this.decorView = decorView;
+            decorView.addView(rootView);
+        }
+    }
+
+    private void unmountReactView() {
+        ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
+        if (reactContext == null || !reactContext.hasActiveCatalystInstance()) {
+            return;
+        }
+
+        if (rootView != null) {
+            rootView.unmountReactApplication();
+            rootView = null;
+        }
+    }
+
+    private void startReactApplication(OverlayRootView reactRootView, Bundle props) {
+        reactRootView.startReactApplication(reactInstanceManager, moduleName, props);
+    }
+
+    private OverlayRootView createReactRootView() {
+        OverlayRootView reactRootView = new OverlayRootView(activity);
+        reactRootView.setLayoutParams(new FrameLayout.LayoutParams(MATCH_PARENT, MATCH_PARENT, Gravity.CENTER));
+        return reactRootView;
+    }
+
+    private ViewGroup getDecorView() {
+        Window window = activity.getWindow();
+        if (window == null) {
+            return null;
+        }
+        return (ViewGroup) window.getDecorView();
+    }
+
+}

package/android/src/main/java/com/reactnative/overlay/OverlayModule.java

@@ -0,0 +1,103 @@
+package com.reactnative.overlay;
+
+import android.app.Activity;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.common.logging.FLog;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.bridge.LifecycleEventListener;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.UiThreadUtil;
+
+import java.util.HashMap;
+
+public class OverlayModule extends ReactContextBaseJavaModule implements LifecycleEventListener {
+
+    private final HashMap<String, Overlay> overlays = new HashMap<>();
+    private final ReactApplicationContext reactContext;
+
+    private final ReactNativeHost reactNativeHost;
+
+    public OverlayModule(ReactApplicationContext reactContext, ReactNativeHost reactNativeHost) {
+        super(reactContext);
+        this.reactContext = reactContext;
+        this.reactNativeHost = reactNativeHost;
+        reactContext.addLifecycleEventListener(this);
+    }
+
+    @Override
+    public void invalidate() {
+        reactContext.removeLifecycleEventListener(this);
+        final Activity activity = getCurrentActivity();
+        if (activity == null || activity.isFinishing()) {
+            return;
+        }
+        UiThreadUtil.runOnUiThread(this::handleDestroy);
+    }
+
+    private void handleDestroy() {
+        for (String key : overlays.keySet()) {
+            Overlay overlay = overlays.get(key);
+            overlay.hide();
+        }
+        overlays.clear();
+    }
+
+    @NonNull
+    @Override
+    public String getName() {
+        return "OverlayHost";
+    }
+
+    @ReactMethod
+    public void show(final String moduleName, final ReadableMap props, final ReadableMap options) {
+        UiThreadUtil.runOnUiThread(() -> {
+            final Activity activity = getCurrentActivity();
+            if (activity == null || activity.isFinishing()) {
+                return;
+            }
+
+            Overlay overlay = overlays.get(moduleName);
+            if (overlay != null) {
+                overlay.update();
+                return;
+            }
+
+            overlay = new Overlay(activity, moduleName, reactNativeHost.getReactInstanceManager());
+            overlay.show(props, options);
+            overlays.put(moduleName, overlay);
+        });
+    }
+
+    @ReactMethod
+    public void hide(String moduleName) {
+        UiThreadUtil.runOnUiThread(() -> {
+            Overlay overlay = overlays.get(moduleName);
+            if (overlay == null) {
+                return;
+            }
+            overlays.remove(moduleName);
+            overlay.hide();
+        });
+    }
+
+    @Override
+    public void onHostResume() {
+        UiThreadUtil.assertOnUiThread();
+    }
+
+    @Override
+    public void onHostPause() {
+
+    }
+
+    @Override
+    public void onHostDestroy() {
+        FLog.i("OverlayModule", "onHostDestroy");
+        handleDestroy();
+    }
+}

package/android/src/main/java/com/reactnative/overlay/OverlayPackage.java

@@ -0,0 +1,34 @@
+package com.reactnative.overlay;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.Collections;
+import java.util.List;
+
+public class OverlayPackage implements ReactPackage {
+
+    private final ReactNativeHost reactNativeHost;
+
+    public OverlayPackage(ReactNativeHost reactNativeHost) {
+        this.reactNativeHost = reactNativeHost;
+    }
+
+    @NonNull
+    @Override
+    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
+        return Collections.singletonList(new OverlayModule(reactContext, reactNativeHost));
+    }
+
+    @NonNull
+    @Override
+    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+}

package/android/src/main/java/com/reactnative/overlay/OverlayRootView.java

@@ -0,0 +1,119 @@
+package com.reactnative.overlay;
+
+import android.content.Context;
+import android.os.Bundle;
+import android.util.AttributeSet;
+import android.view.MotionEvent;
+import android.view.ViewTreeObserver;
+
+import androidx.annotation.Nullable;
+
+import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.ReactRootView;
+
+import java.lang.reflect.Method;
+
+public class OverlayRootView extends ReactRootView {
+
+    public OverlayRootView(Context context) {
+        super(context);
+    }
+
+    public OverlayRootView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public OverlayRootView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+    }
+
+    private boolean shouldConsumeTouchEvent = true;
+
+    public void setShouldConsumeTouchEvent(boolean consume) {
+        this.shouldConsumeTouchEvent = consume;
+    }
+
+    @Override
+    public boolean onTouchEvent(MotionEvent ev) {
+        int action = ev.getAction() & MotionEvent.ACTION_MASK;
+        if (action == MotionEvent.ACTION_DOWN) {
+            onChildStartedNativeGesture(ev);
+        }
+        return shouldConsumeTouchEvent;
+    }
+
+    @Override
+    protected void onAttachedToWindow() {
+        super.onAttachedToWindow();
+        removeOnGlobalLayoutListener();
+    }
+
+    @Override
+    protected void onDetachedFromWindow() {
+        super.onDetachedFromWindow();
+        removeOnGlobalLayoutListener();
+    }
+
+    @Override
+    public void startReactApplication(ReactInstanceManager reactInstanceManager, String moduleName, @Nullable Bundle initialProperties) {
+        super.startReactApplication(reactInstanceManager, moduleName, initialProperties);
+        removeOnGlobalLayoutListener();
+    }
+
+    // 避免 reload 时，重复 run 的问题
+    private boolean shouldRunApplication = true;
+
+    @Override
+    public void runApplication() {
+        if (shouldRunApplication) {
+            shouldRunApplication = false;
+            super.runApplication();
+        }
+    }
+
+    private boolean hbd_isAttachedToReactInstance;
+
+    @Override
+    public void onAttachedToReactInstance() {
+        super.onAttachedToReactInstance();
+        hbd_isAttachedToReactInstance = true;
+    }
+
+    @Override
+    public void setAppProperties(@Nullable Bundle appProperties) {
+        if (hbd_isAttachedToReactInstance) {
+            shouldRunApplication = true;
+            super.setAppProperties(appProperties);
+        }
+    }
+
+    @Override
+    public void unmountReactApplication() {
+        super.unmountReactApplication();
+        removeOnGlobalLayoutListener();
+    }
+
+    private ViewTreeObserver.OnGlobalLayoutListener mGlobalLayoutListener;
+
+    private ViewTreeObserver.OnGlobalLayoutListener getGlobalLayoutListener() {
+        if (mGlobalLayoutListener == null) {
+            try {
+                Method method = ReactRootView.class.getDeclaredMethod("getCustomGlobalLayoutListener");
+                method.setAccessible(true);
+                mGlobalLayoutListener = (ViewTreeObserver.OnGlobalLayoutListener) method.invoke(this);
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+        return mGlobalLayoutListener;
+    }
+
+    void addOnGlobalLayoutListener() {
+        removeOnGlobalLayoutListener();
+        getViewTreeObserver().addOnGlobalLayoutListener(getGlobalLayoutListener());
+    }
+
+    void removeOnGlobalLayoutListener() {
+        getViewTreeObserver().removeOnGlobalLayoutListener(getGlobalLayoutListener());
+    }
+}

package/ios/Overlay/RNOverlay.h

@@ -0,0 +1,14 @@
+#import <UIKit/UIKit.h>
+#import <React/RCTBridge.h>
+
+@interface RNOverlay : NSObject
+
+- (instancetype)initWithModuleName:(NSString *)moduleName bridge:(RCTBridge *)bridge;
+
+- (void)show:(NSDictionary *)props options:(NSDictionary *)options;
+
+- (void)hide;
+
+- (void)update;
+
+@end

package/ios/Overlay/RNOverlay.m

@@ -0,0 +1,60 @@
+#import "RNOverlay.h"
+
+#import <React/RCTRootView.h>
+
+@interface RNOverlay ()
+
+@property(nonatomic, weak) UIWindow *keyWindow;
+@property(nonatomic, strong) RCTRootView *rootView;
+@property(nonatomic, copy) NSString *moduleName;
+@property(nonatomic, weak) RCTBridge *bridge;
+
+@end
+
+@implementation RNOverlay
+
+- (instancetype)initWithModuleName:(NSString *)moduleName bridge:(RCTBridge *)bridge {
+    if (self = [super init]) {
+        _moduleName = moduleName;
+        _bridge = bridge;
+    }
+    return self;
+}
+
+- (void)show:(NSDictionary *)props options:(NSDictionary *)options {
+    BOOL passThroughTouches = [options[@"passThroughTouches"] boolValue];
+    
+    RCTRootView *rctView = [self createReactRootView:props];
+    rctView.passThroughTouches = passThroughTouches;
+    rctView.frame = [UIScreen mainScreen].bounds;
+
+    self.rootView = rctView;
+    
+    UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;
+    [keyWindow addSubview:rctView];
+}
+
+- (void)hide {
+    if (self.rootView) {
+        [self.rootView removeFromSuperview];
+        self.rootView = nil;
+    }
+}
+
+- (void)update {
+    UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;
+    if (keyWindow != self.keyWindow) {
+        [self.rootView removeFromSuperview];
+        [keyWindow addSubview:self.rootView];
+        self.keyWindow = keyWindow;
+    }
+}
+
+- (RCTRootView *)createReactRootView:(NSDictionary *)props {
+    RCTRootView *reactView = [[RCTRootView alloc] initWithBridge:self.bridge moduleName:self.moduleName initialProperties:props];
+    reactView.backgroundColor = UIColor.clearColor;
+
+    return reactView;
+}
+
+@end

package/ios/Overlay/RNOverlayModule.h

@@ -0,0 +1,10 @@
+#import <React/RCTBridgeModule.h>
+#import <React/RCTInvalidating.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RNOverlayModule : NSObject <RCTBridgeModule, RCTInvalidating>
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/Overlay/RNOverlayModule.m

@@ -0,0 +1,71 @@
+#import "RNOverlayModule.h"
+#import "RNOverlay.h"
+
+#import <React/RCTLog.h>
+#import <React/RCTBridge.h>
+
+
+@interface RNOverlayModule ()
+
+@property(nonatomic, strong) NSMutableDictionary *overlays;
+
+@end
+
+@implementation RNOverlayModule
+
+@synthesize bridge;
+
+- (instancetype)init {
+    if (self = [super init]) {
+        _overlays = [[NSMutableDictionary alloc] init];
+    }
+    return self;
+}
+
+- (void)handleReload {
+    for (NSString *key in self.overlays) {
+        RNOverlay *overlay = self.overlays[key];
+        [overlay hide];
+    }
+    [self.overlays removeAllObjects];
+}
+
+- (void)invalidate {
+    [self handleReload];
+}
+
++ (BOOL)requiresMainQueueSetup {
+    return YES;
+}
+
+- (dispatch_queue_t)methodQueue {
+    return dispatch_get_main_queue();
+}
+
+RCT_EXPORT_MODULE(OverlayHost)
+
+
+RCT_EXPORT_METHOD(show:(NSString *)moduleName props:(NSDictionary *)props options:(NSDictionary *)options) {
+    RNOverlay *overlay = self.overlays[moduleName];
+    if (overlay != nil) {
+        [overlay update];
+        return;
+    }
+    
+    overlay = [[RNOverlay alloc] initWithModuleName:moduleName bridge:self.bridge];
+    self.overlays[moduleName] = overlay;
+    
+    [overlay show:props options:options];
+}
+
+RCT_EXPORT_METHOD(hide:(NSString *)moduleName) {
+    RNOverlay *overlay = self.overlays[moduleName];
+    if (!overlay) {
+        return;
+    }
+    [self.overlays removeObjectForKey:moduleName];
+    [overlay hide];
+}
+
+
+@end

package/ios/Overlay.xcodeproj/project.pbxproj

@@ -0,0 +1,283 @@
+// !$*UTF8*$!
+{
+  archiveVersion = 1;
+  classes = {
+  };
+  objectVersion = 48;
+  objects = {
+
+/* Begin PBXBuildFile section */
+    91C884A6202C3E8600EC0A20 /* undefined.m in Sources */ = {isa = PBXBuildFile; fileRef = 91C884A1202C3E8600EC0A20 /* undefined.m */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+    910362D01FE9318600F4DA8E /* CopyFiles */ = {
+      isa = PBXCopyFilesBuildPhase;
+      buildActionMask = 2147483647;
+      dstPath = "include/$(PRODUCT_NAME)";
+      dstSubfolderSpec = 16;
+      files = (
+      );
+      runOnlyForDeploymentPostprocessing = 0;
+    };
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+    910362D21FE9318600F4DA8E /* libOverlay.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libOverlay.a; sourceTree = BUILT_PRODUCTS_DIR; };
+    91C884A1202C3E8600EC0A20 /* undefined.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = undefined.m; sourceTree = "<group>"; };
+    91C884A2202C3E8600EC0A20 /* undefined.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = undefined.h; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+    910362CF1FE9318600F4DA8E /* Frameworks */ = {
+      isa = PBXFrameworksBuildPhase;
+      buildActionMask = 2147483647;
+      files = (
+      );
+      runOnlyForDeploymentPostprocessing = 0;
+    };
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+    910362C91FE9318600F4DA8E = {
+      isa = PBXGroup;
+      children = (
+        910362D41FE9318600F4DA8E /* Overlay */,
+        910362D31FE9318600F4DA8E /* Products */,
+      );
+      sourceTree = "<group>";
+    };
+    910362D31FE9318600F4DA8E /* Products */ = {
+      isa = PBXGroup;
+      children = (
+        910362D21FE9318600F4DA8E /* libOverlay.a */,
+      );
+      name = Products;
+      sourceTree = "<group>";
+    };
+    910362D41FE9318600F4DA8E /* Overlay */ = {
+      isa = PBXGroup;
+      children = (
+        91C884A2202C3E8600EC0A20 /* undefined.h */,
+        91C884A1202C3E8600EC0A20 /* undefined.m */,
+      );
+      path = Overlay;
+      sourceTree = "<group>";
+    };
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+    910362D11FE9318600F4DA8E /* Overlay */ = {
+      isa = PBXNativeTarget;
+      buildConfigurationList = 910362DB1FE9318600F4DA8E /* Build configuration list for PBXNativeTarget "Overlay" */;
+      buildPhases = (
+        910362CE1FE9318600F4DA8E /* Sources */,
+        910362CF1FE9318600F4DA8E /* Frameworks */,
+        910362D01FE9318600F4DA8E /* CopyFiles */,
+      );
+      buildRules = (
+      );
+      dependencies = (
+      );
+      name = Overlay;
+      productName = Overlay;
+      productReference = 910362D21FE9318600F4DA8E /* libOverlay.a */;
+      productType = "com.apple.product-type.library.static";
+    };
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+    910362CA1FE9318600F4DA8E /* Project object */ = {
+      isa = PBXProject;
+      attributes = {
+        LastUpgradeCheck = 0920;
+        ORGANIZATIONNAME = Listen;
+        TargetAttributes = {
+          910362D11FE9318600F4DA8E = {
+            CreatedOnToolsVersion = 9.2;
+            ProvisioningStyle = Automatic;
+          };
+        };
+      };
+      buildConfigurationList = 910362CD1FE9318600F4DA8E /* Build configuration list for PBXProject "Overlay" */;
+      compatibilityVersion = "Xcode 8.0";
+      developmentRegion = en;
+      hasScannedForEncodings = 0;
+      knownRegions = (
+        en,
+      );
+      mainGroup = 910362C91FE9318600F4DA8E;
+      productRefGroup = 910362D31FE9318600F4DA8E /* Products */;
+      projectDirPath = "";
+      projectRoot = "";
+      targets = (
+        910362D11FE9318600F4DA8E /* Overlay */,
+      );
+    };
+/* End PBXProject section */
+
+/* Begin PBXSourcesBuildPhase section */
+    910362CE1FE9318600F4DA8E /* Sources */ = {
+      isa = PBXSourcesBuildPhase;
+      buildActionMask = 2147483647;
+      files = (
+        91C884A6202C3E8600EC0A20 /* undefined.m in Sources */,
+      );
+      runOnlyForDeploymentPostprocessing = 0;
+    };
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+    910362D91FE9318600F4DA8E /* Debug */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        ALWAYS_SEARCH_USER_PATHS = NO;
+        CLANG_ANALYZER_NONNULL = YES;
+        CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+        CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+        CLANG_CXX_LIBRARY = "libc++";
+        CLANG_ENABLE_MODULES = YES;
+        CLANG_ENABLE_OBJC_ARC = YES;
+        CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+        CLANG_WARN_BOOL_CONVERSION = YES;
+        CLANG_WARN_COMMA = YES;
+        CLANG_WARN_CONSTANT_CONVERSION = YES;
+        CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+        CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+        CLANG_WARN_EMPTY_BODY = YES;
+        CLANG_WARN_ENUM_CONVERSION = YES;
+        CLANG_WARN_INFINITE_RECURSION = YES;
+        CLANG_WARN_INT_CONVERSION = YES;
+        CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+        CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+        CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+        CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+        CLANG_WARN_STRICT_PROTOTYPES = YES;
+        CLANG_WARN_SUSPICIOUS_MOVE = YES;
+        CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+        CLANG_WARN_UNREACHABLE_CODE = YES;
+        CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+        CODE_SIGN_IDENTITY = "iPhone Developer";
+        COPY_PHASE_STRIP = NO;
+        DEBUG_INFORMATION_FORMAT = dwarf;
+        ENABLE_STRICT_OBJC_MSGSEND = YES;
+        ENABLE_TESTABILITY = YES;
+        GCC_C_LANGUAGE_STANDARD = gnu11;
+        GCC_DYNAMIC_NO_PIC = NO;
+        GCC_NO_COMMON_BLOCKS = YES;
+        GCC_OPTIMIZATION_LEVEL = 0;
+        GCC_PREPROCESSOR_DEFINITIONS = (
+          "DEBUG=1",
+          "$(inherited)",
+        );
+        GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+        GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+        GCC_WARN_UNDECLARED_SELECTOR = YES;
+        GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+        GCC_WARN_UNUSED_FUNCTION = YES;
+        GCC_WARN_UNUSED_VARIABLE = YES;
+        IPHONEOS_DEPLOYMENT_TARGET = 7.0;
+        MTL_ENABLE_DEBUG_INFO = YES;
+        ONLY_ACTIVE_ARCH = YES;
+        SDKROOT = iphoneos;
+      };
+      name = Debug;
+    };
+    910362DA1FE9318600F4DA8E /* Release */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        ALWAYS_SEARCH_USER_PATHS = NO;
+        CLANG_ANALYZER_NONNULL = YES;
+        CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+        CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+        CLANG_CXX_LIBRARY = "libc++";
+        CLANG_ENABLE_MODULES = YES;
+        CLANG_ENABLE_OBJC_ARC = YES;
+        CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+        CLANG_WARN_BOOL_CONVERSION = YES;
+        CLANG_WARN_COMMA = YES;
+        CLANG_WARN_CONSTANT_CONVERSION = YES;
+        CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+        CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+        CLANG_WARN_EMPTY_BODY = YES;
+        CLANG_WARN_ENUM_CONVERSION = YES;
+        CLANG_WARN_INFINITE_RECURSION = YES;
+        CLANG_WARN_INT_CONVERSION = YES;
+        CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+        CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+        CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+        CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+        CLANG_WARN_STRICT_PROTOTYPES = YES;
+        CLANG_WARN_SUSPICIOUS_MOVE = YES;
+        CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+        CLANG_WARN_UNREACHABLE_CODE = YES;
+        CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+        CODE_SIGN_IDENTITY = "iPhone Developer";
+        COPY_PHASE_STRIP = NO;
+        DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+        ENABLE_NS_ASSERTIONS = NO;
+        ENABLE_STRICT_OBJC_MSGSEND = YES;
+        GCC_C_LANGUAGE_STANDARD = gnu11;
+        GCC_NO_COMMON_BLOCKS = YES;
+        GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+        GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+        GCC_WARN_UNDECLARED_SELECTOR = YES;
+        GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+        GCC_WARN_UNUSED_FUNCTION = YES;
+        GCC_WARN_UNUSED_VARIABLE = YES;
+        IPHONEOS_DEPLOYMENT_TARGET = 7.0;
+        MTL_ENABLE_DEBUG_INFO = NO;
+        SDKROOT = iphoneos;
+        VALIDATE_PRODUCT = YES;
+      };
+      name = Release;
+    };
+    910362DC1FE9318600F4DA8E /* Debug */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        CODE_SIGN_STYLE = Automatic;
+        DEVELOPMENT_TEAM = 9H9696K6NL;
+        OTHER_LDFLAGS = "-ObjC";
+        PRODUCT_NAME = "$(TARGET_NAME)";
+        SKIP_INSTALL = YES;
+        TARGETED_DEVICE_FAMILY = "1,2";
+      };
+      name = Debug;
+    };
+    910362DD1FE9318600F4DA8E /* Release */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        CODE_SIGN_STYLE = Automatic;
+        DEVELOPMENT_TEAM = 9H9696K6NL;
+        OTHER_LDFLAGS = "-ObjC";
+        PRODUCT_NAME = "$(TARGET_NAME)";
+        SKIP_INSTALL = YES;
+        TARGETED_DEVICE_FAMILY = "1,2";
+      };
+      name = Release;
+    };
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+    910362CD1FE9318600F4DA8E /* Build configuration list for PBXProject "Overlay" */ = {
+      isa = XCConfigurationList;
+      buildConfigurations = (
+        910362D91FE9318600F4DA8E /* Debug */,
+        910362DA1FE9318600F4DA8E /* Release */,
+      );
+      defaultConfigurationIsVisible = 0;
+      defaultConfigurationName = Release;
+    };
+    910362DB1FE9318600F4DA8E /* Build configuration list for PBXNativeTarget "Overlay" */ = {
+      isa = XCConfigurationList;
+      buildConfigurations = (
+        910362DC1FE9318600F4DA8E /* Debug */,
+        910362DD1FE9318600F4DA8E /* Release */,
+      );
+      defaultConfigurationIsVisible = 0;
+      defaultConfigurationName = Release;
+    };
+/* End XCConfigurationList section */
+  };
+  rootObject = 910362CA1FE9318600F4DA8E /* Project object */;
+}    

package/lib/index.d.ts

@@ -0,0 +1,13 @@
+interface OverlayOptions {
+    passThroughTouches?: boolean;
+}
+interface PropsType {
+    [index: string]: any;
+}
+declare function show<P extends PropsType = {}>(moduleName: string, props?: P, options?: OverlayOptions): void;
+declare function hide(moduleName: string): void;
+declare const Overlay: {
+    show: typeof show;
+    hide: typeof hide;
+};
+export { Overlay };

package/lib/index.js

@@ -0,0 +1,10 @@
+import { NativeModules } from 'react-native';
+const OverlayHost = NativeModules.OverlayHost;
+function show(moduleName, props, options = {}) {
+    OverlayHost.show(moduleName, props, options);
+}
+function hide(moduleName) {
+    OverlayHost.hide(moduleName);
+}
+const Overlay = { show, hide };
+export { Overlay };

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@sdcx/overlay",
+  "description": "A react-native Overlay component.",
+  "version": "0.1.0",
+  "main": "./lib/index.js",
+  "typings": "./lib/index.d.ts",
+  "react-native": "src/index",
+  "nativePackage": true,
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "RNOverlay.podspec",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__"
+  ],
+  "repository": "https://github.com/sdcxtech/react-native-troika",
+  "homepage": "https://github.com/sdcxtech/react-native-troika/tree/master/packages/overlay#readme",
+  "author": "sdcx",
+  "license": "MIT",
+  "keywords": [
+    "react-native",
+    "overlay"
+  ],
+  "scripts": {
+    "build": "rm -rf ./lib && tsc -p tsconfig.build.json",
+    "prepare": "npm run build",
+    "tsc": "tsc",
+    "test": "jest",
+    "lint": "eslint . --fix --ext .js,.jsx,.ts,.tsx"
+  },
+  "peerDependencies": {
+    "react": ">=16.8",
+    "react-native": ">=0.60"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.13.10",
+    "@babel/runtime": "^7.13.10",
+    "@react-native-community/eslint-config": "^3.0.0",
+    "@types/jest": "^26.0.21",
+    "@types/react": "^17.0.2",
+    "@types/react-native": "^0.67.0",
+    "@types/react-test-renderer": "17.0.2",
+    "babel-jest": "^26.6.3",
+    "jest": "^26.6.3",
+    "metro-react-native-babel-preset": "^0.66.2",
+    "react": "17.0.2",
+    "react-native": "^0.67.4",
+    "react-test-renderer": "17.0.2",
+    "eslint": "^7.32.0",
+    "typescript": "^4.6.4"
+  },
+  "jest": {
+    "preset": "react-native",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ]
+  }
+}

package/src/index.ts

@@ -0,0 +1,27 @@
+import { NativeModule, NativeModules } from 'react-native'
+
+interface OverlayOptions {
+  passThroughTouches?: boolean
+}
+
+interface PropsType {
+  [index: string]: any
+}
+interface OverlayInterface extends NativeModule {
+  show<P extends PropsType = {}>(moduleName: string, props?: P, options?: OverlayOptions): void
+  hide(moduleName: string): void
+}
+
+const OverlayHost: OverlayInterface = NativeModules.OverlayHost
+
+function show<P extends PropsType = {}>(moduleName: string, props?: P, options: OverlayOptions = {}) {
+  OverlayHost.show(moduleName, props, options)
+}
+
+function hide(moduleName: string) {
+  OverlayHost.hide(moduleName)
+}
+
+const Overlay = { show, hide }
+
+export { Overlay }