feat: detect edge-to-edge and bypass some props

# Conflicts:
#	src/components/Screen.tsx
#	yarn.lock

package.json

@@ -68,6 +68,7 @@
   "homepage": "https://github.com/software-mansion/react-native-screens#readme",
   "dependencies": {
     "react-freeze": "^1.0.0",
+    "react-native-is-edge-to-edge": "^1.1.6",
     "warn-once": "^0.1.0"
   },
   "peerDependencies": {

src/components/Screen.tsx

@@ -2,6 +2,10 @@
 
 import React from 'react';
 import { Animated, View, Platform } from 'react-native';
+import {
+  controlEdgeToEdgeValues,
+  isEdgeToEdge,
+} from 'react-native-is-edge-to-edge';
 
 import TransitionProgressContext from '../TransitionProgressContext';
 import DelayedFreeze from './helpers/DelayedFreeze';
@@ -49,6 +53,8 @@ interface ViewConfig extends View {
   };
 }
 
+const EDGE_TO_EDGE = isEdgeToEdge();
+
 // This value must be kept in sync with native side.
 const SHEET_FIT_TO_CONTENTS = [-1];
 const SHEET_COMPAT_LARGE = [1.0];
@@ -178,9 +184,25 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
       enabled = screensEnabled(),
       freezeOnBlur = freezeEnabled(),
       shouldFreeze,
+
+      // edge-to-edge related props
+      navigationBarColor,
+      navigationBarTranslucent,
+      statusBarColor,
+      statusBarTranslucent,
+
       ...rest
     } = props;
 
+    if (__DEV__) {
+      controlEdgeToEdgeValues({
+        navigationBarColor,
+        navigationBarTranslucent,
+        statusBarColor,
+        statusBarTranslucent,
+      });
+    }
+
     // To maintain default behavior of formSheet stack presentation style and to have reasonable
     // defaults for new medium-detent iOS API we need to set defaults here
     const {
@@ -280,6 +302,10 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
         <DelayedFreeze freeze={freeze}>
           <AnimatedScreen
             {...props}
+            navigationBarColor={EDGE_TO_EDGE ? undefined : navigationBarColor}
+            navigationBarTranslucent={EDGE_TO_EDGE || navigationBarTranslucent}
+            statusBarColor={EDGE_TO_EDGE ? undefined : statusBarColor}
+            statusBarTranslucent={EDGE_TO_EDGE || statusBarTranslucent}
             /**
              * This messy override is to conform NativeProps used by codegen and
              * our Public API. To see reasoning go to this PR: