Fix measureInWindow on Android edge-to-edge

[zoontek]

Summary:

⚠️ Note: This relies on #56055 being merged first.

Fixes measureInWindow on Android when edge-to-edge is enabled.

Both ReactSurfaceView.viewportOffset and RootViewUtil.getViewportOffset subtract the visible window frame (status bar insets, split screen offsets) from getLocationOnScreen / getLocationInWindow coordinates. This is incorrect in edge-to-edge mode, where the content already extends behind system bars.

Related issue: #50509

Changelog:

[ANDROID] [FIXED] - Fix measureInWindow returning incorrect coordinates when edge-to-edge is not enabled

Test Plan:

Tested measureInWindow with and without edge-to-edge enabled, in both single-window and split-screen configurations. Verified that returned coordinates correctly reflect the view's position relative to the visible content area.

For that, in RNTesterActivity.kt, comment:

// reactDelegate?.reactRootView?.let { rootView ->
//   val insetsType: Int =
//       WindowInsetsCompat.Type.systemBars() or WindowInsetsCompat.Type.displayCutout()

//   val windowInsetsListener = { view: View, windowInsets: WindowInsetsCompat ->
//     val insets = windowInsets.getInsets(insetsType)

//     (view.layoutParams as FrameLayout.LayoutParams).apply {
//       setMargins(insets.left, insets.top, insets.right, insets.bottom)
//     }

//     WindowInsetsCompat.CONSUMED
//   }
//   ViewCompat.setOnApplyWindowInsetsListener(rootView, windowInsetsListener)
// }

And in RNTesterAppShared.js replace export default RNTesterApp with:

export default () => {
  const ref = React.useRef<View>(null);
  const [measure, setMeasure] = React.useState<string>('');
  const [measureInWindow, setMeasureInWindow] = React.useState<string>('');
  const [onLayoutOutput, setOnLayoutOutput] = React.useState<string>('');
  React.useLayoutEffect(() => {
    ref.current?.measure(
      (
        x: number,
        y: number,
        width: number,
        height: number,
        pageX: number,
        pageY: number,
      ) => {
        setMeasure(
          `(${x}, ${y}) / ${width} x ${height}; \n  page=(${pageX}, ${pageY})`,
        );
      },
    );
  }, []);
  React.useLayoutEffect(() => {
    ref.current?.measureInWindow(
      (x: number, y: number, width: number, height: number) => {
        setMeasureInWindow(`(${x}, ${y}) / ${width} x ${height};})`);
      },
    );
  }, []);
  return (
    <View
      ref={ref}
      style={{flex: 1, justifyContent: 'center'}}
      onLayout={e => {
        setOnLayoutOutput(JSON.stringify(e.nativeEvent.layout));
      }}>
      <Text>Measure: {measure}</Text>
      <Text>measureInWindow: {measureInWindow}</Text>
      <Text>onLayout: {onLayoutOutput}</Text>
    </View>
  );
};

Screenshots:

Android 16 / edge-to-edge on - current behavior

Android 16 / edge-to-edge on - with fix

Android 14 / edge-to-edge off - current behavior

Android 14 / edge-to-edge off - with fix (no change)