Implement initialWindowSafeAreaInsets on android

android/src/main/java/com/th3rdwave/safeareacontext/InsetsChangeEvent.java

@@ -24,13 +24,8 @@ import com.facebook.react.uimanager.events.RCTEventEmitter;
 
   @Override
   public void dispatch(RCTEventEmitter rctEventEmitter) {
-    WritableMap insets = Arguments.createMap();
-    insets.putDouble("top", PixelUtil.toDIPFromPixel(mInsets.top));
-    insets.putDouble("right", PixelUtil.toDIPFromPixel(mInsets.right));
-    insets.putDouble("bottom", PixelUtil.toDIPFromPixel(mInsets.bottom));
-    insets.putDouble("left", PixelUtil.toDIPFromPixel(mInsets.left));
     WritableMap event = Arguments.createMap();
-    event.putMap("insets", insets);
+    event.putMap("insets", SafeAreaUtils.edgeInsetsToJsMap(mInsets));
     rctEventEmitter.receiveEvent(getViewTag(), getEventName(), event);
   }
 }

android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaContextPackage.java

@@ -21,7 +21,7 @@ public class SafeAreaContextPackage implements ReactPackage {
   @Nonnull
   @Override
   public List<ViewManager> createViewManagers(@Nonnull ReactApplicationContext reactContext) {
-    return Collections.<ViewManager>singletonList(new SafeAreaViewManager());
+    return Collections.<ViewManager>singletonList(new SafeAreaViewManager(reactContext));
   }
 
 }

android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaUtils.java

@@ -0,0 +1,85 @@
+package com.th3rdwave.safeareacontext;
+
+import android.graphics.Rect;
+import android.os.Build;
+import android.view.Surface;
+import android.view.View;
+import android.view.WindowInsets;
+import android.view.WindowManager;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.common.MapBuilder;
+import com.facebook.react.uimanager.PixelUtil;
+
+import java.util.Map;
+
+/* package */ class SafeAreaUtils {
+  static ReadableMap edgeInsetsToJsMap(EdgeInsets insets) {
+    WritableMap insetsMap = Arguments.createMap();
+    insetsMap.putDouble("top", PixelUtil.toDIPFromPixel(insets.top));
+    insetsMap.putDouble("right", PixelUtil.toDIPFromPixel(insets.right));
+    insetsMap.putDouble("bottom", PixelUtil.toDIPFromPixel(insets.bottom));
+    insetsMap.putDouble("left", PixelUtil.toDIPFromPixel(insets.left));
+    return insetsMap;
+  }
+
+  static Map<String, Float> edgeInsetsToJavaMap(EdgeInsets insets) {
+    return MapBuilder.of(
+        "top",
+        PixelUtil.toDIPFromPixel(insets.top),
+        "right",
+        PixelUtil.toDIPFromPixel(insets.right),
+        "bottom",
+        PixelUtil.toDIPFromPixel(insets.bottom),
+        "left",
+        PixelUtil.toDIPFromPixel(insets.left));
+  }
+
+  static EdgeInsets getSafeAreaInsets(WindowManager windowManager, View rootView) {
+    // Window insets are parts of the window that are covered by system views (status bar,
+    // navigation bar, notches). There are no apis the get these values for android < M so we
+    // do a best effort polyfill.
+    EdgeInsets windowInsets;
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+      WindowInsets insets = rootView.getRootWindowInsets();
+      windowInsets = new EdgeInsets(
+          insets.getSystemWindowInsetTop(),
+          insets.getSystemWindowInsetRight(),
+          insets.getSystemWindowInsetBottom(),
+          insets.getSystemWindowInsetLeft());
+    } else {
+      int rotation = windowManager.getDefaultDisplay().getRotation();
+      int statusBarHeight = 0;
+      int resourceId = rootView.getResources().getIdentifier("status_bar_height", "dimen", "android");
+      if (resourceId > 0) {
+        statusBarHeight = rootView.getResources().getDimensionPixelSize(resourceId);
+      }
+      int navbarHeight = 0;
+      resourceId = rootView.getResources().getIdentifier("navigation_bar_height", "dimen", "android");
+      if (resourceId > 0) {
+        navbarHeight = rootView.getResources().getDimensionPixelSize(resourceId);
+      }
+
+      windowInsets = new EdgeInsets(
+          statusBarHeight,
+          rotation == Surface.ROTATION_90 ? navbarHeight : 0,
+          rotation == Surface.ROTATION_0 || rotation == Surface.ROTATION_180 ? navbarHeight : 0,
+          rotation == Surface.ROTATION_270 ? navbarHeight : 0);
+    }
+
+    // Calculate the part of the root view that overlaps with window insets.
+    View contentView = rootView.findViewById(android.R.id.content);
+    float windowWidth = rootView.getWidth();
+    float windowHeight = rootView.getHeight();
+    Rect visibleRect = new Rect();
+    contentView.getGlobalVisibleRect(visibleRect);
+
+    windowInsets.top = Math.max(windowInsets.top - visibleRect.top, 0);
+    windowInsets.left = Math.max(windowInsets.left - visibleRect.left, 0);
+    windowInsets.bottom = Math.max(visibleRect.top + contentView.getHeight() + windowInsets.bottom - windowHeight, 0);
+    windowInsets.right = Math.max(visibleRect.left + contentView.getWidth() + windowInsets.right - windowWidth, 0);
+    return windowInsets;
+  }
+}

android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaView.java

@@ -20,64 +20,17 @@ public class SafeAreaView extends ReactViewGroup implements ViewTreeObserver.OnG
   }
 
   private @Nullable OnInsetsChangeListener mInsetsChangeListener;
-  private WindowManager mWindowManager;
+  private final WindowManager mWindowManager;
   private @Nullable EdgeInsets mLastInsets;
 
-  public SafeAreaView(Context context) {
+  public SafeAreaView(Context context, WindowManager windowManager) {
     super(context);
 
     mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
   }
 
-  private EdgeInsets getSafeAreaInsets() {
-    // Window insets are parts of the window that are covered by system views (status bar,
-    // navigation bar, notches). There are no apis the get these values for android < M so we
-    // do a best effort polyfill.
-    EdgeInsets windowInsets;
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      WindowInsets insets = getRootWindowInsets();
-      windowInsets = new EdgeInsets(
-          insets.getSystemWindowInsetTop(),
-          insets.getSystemWindowInsetRight(),
-          insets.getSystemWindowInsetBottom(),
-          insets.getSystemWindowInsetLeft());
-    } else {
-      int rotation = mWindowManager.getDefaultDisplay().getRotation();
-      int statusBarHeight = 0;
-      int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
-      if (resourceId > 0) {
-        statusBarHeight = getResources().getDimensionPixelSize(resourceId);
-      }
-      int navbarHeight = 0;
-      resourceId = getResources().getIdentifier("navigation_bar_height", "dimen", "android");
-      if (resourceId > 0) {
-        navbarHeight = getResources().getDimensionPixelSize(resourceId);
-      }
-
-      windowInsets = new EdgeInsets(
-          statusBarHeight,
-          rotation == Surface.ROTATION_90 ? navbarHeight : 0,
-          rotation == Surface.ROTATION_0 || rotation == Surface.ROTATION_180 ? navbarHeight : 0,
-          rotation == Surface.ROTATION_270 ? navbarHeight : 0);
-    }
-
-    // Calculate the part of the root view that overlaps with window insets.
-    View rootView = getRootView();
-    View contentView = rootView.findViewById(android.R.id.content);
-    float windowWidth = rootView.getWidth();
-    float windowHeight = rootView.getHeight();
-    Rect visibleRect = new Rect();
-    contentView.getGlobalVisibleRect(visibleRect);
-
-    windowInsets.top = Math.max(windowInsets.top - visibleRect.top, 0);
-    windowInsets.left = Math.max(windowInsets.left - visibleRect.left, 0);
-    windowInsets.bottom = Math.max(visibleRect.top + contentView.getHeight() + windowInsets.bottom - windowHeight, 0);
-    windowInsets.right = Math.max(visibleRect.left + contentView.getWidth() + windowInsets.right - windowWidth, 0);
-    return windowInsets;
-  }
-
   private void maybeUpdateInsets() {
-    EdgeInsets edgeInsets = getSafeAreaInsets();
+    EdgeInsets edgeInsets = SafeAreaUtils.getSafeAreaInsets(mWindowManager, getRootView());
     if (mLastInsets == null || !mLastInsets.equalsToEdgeInsets(edgeInsets)) {
       Assertions.assertNotNull(mInsetsChangeListener).onInsetsChange(this, edgeInsets);
       mLastInsets = edgeInsets;

android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaViewManager.java

@@ -1,5 +1,10 @@
 package com.th3rdwave.safeareacontext;
 
+import android.app.Activity;
+import android.content.Context;
+import android.view.WindowManager;
+
+import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
@@ -9,8 +14,19 @@ import com.facebook.react.uimanager.events.EventDispatcher;
 import java.util.Map;
 
 import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 
 public class SafeAreaViewManager extends ViewGroupManager<SafeAreaView> {
+  private final ReactApplicationContext mContext;
+  private final WindowManager mWindowManager;
+
+  public SafeAreaViewManager(ReactApplicationContext context) {
+    super();
+
+    mContext = context;
+    mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
+  }
+
   @Override
   @NonNull
   public String getName() {
@@ -20,7 +36,7 @@ public class SafeAreaViewManager extends ViewGroupManager<SafeAreaView> {
   @Override
   @NonNull
   public SafeAreaView createViewInstance(@NonNull ThemedReactContext context) {
-    return new SafeAreaView(context);
+    return new SafeAreaView(context, mWindowManager);
   }
 
   @Override
@@ -41,4 +57,18 @@ public class SafeAreaViewManager extends ViewGroupManager<SafeAreaView> {
         .put(InsetsChangeEvent.EVENT_NAME, MapBuilder.of("registrationName", "onInsetsChange"))
         .build();
   }
+
+  @Nullable
+  @Override
+  public Map<String, Object> getExportedViewConstants() {
+    Activity activity = mContext.getCurrentActivity();
+    if (activity == null) {
+      return null;
+    }
+
+    EdgeInsets insets = SafeAreaUtils.getSafeAreaInsets(mWindowManager, activity.getWindow().getDecorView());
+    return MapBuilder.<String, Object>of(
+        "initialWindowSafeAreaInsets",
+        SafeAreaUtils.edgeInsetsToJavaMap(insets));
+  }
 }

example/App.tsx

@@ -2,7 +2,11 @@ import * as React from 'react';
 import { View, Text, StatusBar, Button } from 'react-native';
 
 // import { SafeAreaProvider, useSafeArea } from 'react-native-safe-area-context'; in your app.
-import { SafeAreaProvider, useSafeArea } from '../src';
+import {
+  SafeAreaProvider,
+  useSafeArea,
+  initialWindowSafeAreaInsets,
+} from '../src';
 
 const Screen = () => {
   const insets = useSafeArea();
@@ -33,6 +37,10 @@ const Screen = () => {
           }}
         >
           <Text>Insets: {JSON.stringify(insets, null, 2)}</Text>
+          <Text>
+            Initial insets:{' '}
+            {JSON.stringify(initialWindowSafeAreaInsets, null, 2)}
+          </Text>
         </View>
       </View>
     </>

src/InitialWindowSafeAreaInsets.ios.ts

@@ -1,3 +0,0 @@
-import { NativeModules } from 'react-native';
-
-export default NativeModules.RNCSafeAreaView.initialWindowSafeAreaInsets;

src/InitialWindowSafeAreaInsets.ts

@@ -1,4 +1,11 @@
+import { UIManager } from 'react-native';
 import { EdgeInsets } from './SafeArea.types';
 
-const initialWindowSafeAreaInsets: EdgeInsets | null = null;
-export default initialWindowSafeAreaInsets;
+const RNCSafeAreaViewConfig = UIManager.getViewManagerConfig(
+  'RNCSafeAreaView',
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+) as any;
+
+export default (RNCSafeAreaViewConfig.Constants != null
+  ? RNCSafeAreaViewConfig.Constants.initialWindowSafeAreaInsets
+  : null) as EdgeInsets | null;

src/InitialWindowSafeAreaInsets.web.ts

@@ -0,0 +1,4 @@
+import { EdgeInsets } from './SafeArea.types';
+
+const initialWindowSafeAreaInsets: EdgeInsets | null = null;
+export default initialWindowSafeAreaInsets;

src/index.tsx

@@ -3,7 +3,9 @@ import { StyleSheet, View, ViewProps } from 'react-native';
 import { EdgeInsets as EdgeInsetsT, InsetChangedEvent } from './SafeArea.types';
 import NativeSafeAreaView from './NativeSafeAreaView';
 
-export { default as initialWindowSafeAreaInsets } from './InitialWindowSafeAreaInsets';
+export {
+  default as initialWindowSafeAreaInsets,
+} from './InitialWindowSafeAreaInsets';
 
 export const SafeAreaContext = React.createContext<EdgeInsetsT | null>(null);