Handle split screens

Author: zoontek

packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactSurfaceView.kt

@@ -15,6 +15,8 @@ import android.graphics.Rect
 import android.view.KeyEvent
 import android.view.MotionEvent
 import android.view.View
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
 import com.facebook.common.logging.FLog
 import com.facebook.react.ReactRootView
 import com.facebook.react.bridge.ReactContext
@@ -48,19 +50,31 @@ public class ReactSurfaceView(context: Context?, internal val surface: ReactSurf
 
   private val viewportOffset: Point
     get() {
-      val locationInWindow = IntArray(2)
-      getLocationInWindow(locationInWindow)
+      val locationOnScreen = IntArray(2)
+      getLocationOnScreen(locationOnScreen)
 
-      if (!isEdgeToEdgeFeatureFlagOn) {
-        // When not in edge-to-edge mode, subtract the visible window frame to get the offset
-        // relative to the content area (below the status bar).
-        val visibleWindowFrame = Rect()
-        getWindowVisibleDisplayFrame(visibleWindowFrame)
-        locationInWindow[0] -= visibleWindowFrame.left
-        locationInWindow[1] -= visibleWindowFrame.top
+      // we need to subtract visibleWindowCoords - to subtract possible window insets, split
+      // screen or multi window
+      val visibleWindowFrame = Rect()
+      getWindowVisibleDisplayFrame(visibleWindowFrame)
+      locationOnScreen[0] -= visibleWindowFrame.left
+      locationOnScreen[1] -= visibleWindowFrame.top
+
+      if (isEdgeToEdgeFeatureFlagOn) {
+        // In edge-to-edge mode the viewport spans the full window, so add the top system bar
+        // insets back to convert the content-area offset above into a window-relative offset.
+        ViewCompat.getRootWindowInsets(this)?.apply {
+          val insets =
+              getInsets(
+                  WindowInsetsCompat.Type.statusBars() or WindowInsetsCompat.Type.displayCutout()
+              )
+
+          locationOnScreen[0] += insets.left
+          locationOnScreen[1] += insets.top
+        }
       }
 
-      return Point(locationInWindow[0], locationInWindow[1])
+      return Point(locationOnScreen[0], locationOnScreen[1])
     }
 
   init {

packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/RootViewUtil.kt

@@ -8,9 +8,10 @@
 package com.facebook.react.uimanager
 
 import android.graphics.Point
-import android.graphics.Rect
 import android.view.View
 import androidx.annotation.UiThread
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
 import com.facebook.infer.annotation.Assertions
 import com.facebook.react.views.view.isEdgeToEdgeFeatureFlagOn
 
@@ -36,12 +37,17 @@ public object RootViewUtil {
     v.getLocationInWindow(locationInWindow)
 
     if (!isEdgeToEdgeFeatureFlagOn) {
-      // When not in edge-to-edge mode, subtract the visible window frame to get the offset
-      // relative to the content area (below the status bar).
-      val visibleWindowFrame = Rect()
-      v.getWindowVisibleDisplayFrame(visibleWindowFrame)
-      locationInWindow[0] -= visibleWindowFrame.left
-      locationInWindow[1] -= visibleWindowFrame.top
+      // When not in edge-to-edge mode, subtract the top system bar insets so the offset is
+      // relative to the content area (below the status bar / cutout).
+      ViewCompat.getRootWindowInsets(v)?.apply {
+        val insets =
+            getInsets(
+                WindowInsetsCompat.Type.statusBars() or WindowInsetsCompat.Type.displayCutout()
+            )
+
+        locationInWindow[0] -= insets.left
+        locationInWindow[1] -= insets.top
+      }
     }
 
     return Point(locationInWindow[0], locationInWindow[1])