Edge2edge android (#8262)

* Apply color animations on tab-switching (Android-only) (#7975)

* Update package.json version to 7.44.0 [buildkite skip]

* Fix npm registry and recreate package-lock.json (#7987)

* fix(sdk35): Apply inset over bottom-tabs (#7991)

* Update package.json version to 7.45.0 [buildkite skip]

* Revert "Feat/rn76 oldarch (#7967)" (#8003)

* Update package.json version to 7.46.0 [buildkite skip]

* Mocked side-menus - support (#8017)

* Update package.json version to 7.47.0 [buildkite skip]

* Support drawer menus opening as overlay instead of pushing content in ios (#7986)

* Update package.json version to 7.48.0 [buildkite skip]

* Patch-fix some recent side-menu overlay mode changes (#8039)

* Introduce options to make a floating bottom-tabs (Android) (#8064)

* Update package.json version to 7.49.0 [buildkite skip]

* fix: top bar buttons disappeared when lock screen then unlock sreen (#8053) (#8076)

Co-authored-by: NormanWangEndeavor <145947285+NormanWangEndeavor@users.noreply.github.com>

* Update package.json version to 7.50.0 [buildkite skip]

* Back-compat edge2edge for standard layout, incl. drawBehind

* merge master into me

* first config to get it running

* bottom bar edge2edge complete?

* statusbar e2e

* cleanup

* backward compatiblility

* final touches

* Fix yarn registry to use public npmjs.org instead of internal wixpress

Made-with: Cursor

* #8080

* conflict fixes

* snapshot updates

* more updates

* update e2e android

* snapsot update

* documentation

* added

* codex fixes

* enableEdgeToEdge() is now the decision hook — override it to control when edge-to-edge activates
activateEdgeToEdge() is the action method — it does both EdgeToEdge.enable(this) and SystemUiUtils.activateEdgeToEdge(), so it's impossible to enable Android edge-to-edge without also setting RNN's internal flag
The docs now show activateEdgeToEdge() in the override example instead of EdgeToEdge.enable(this)

---------

Co-authored-by: d4vidi <amit.d4vidi@gmail.com>
Co-authored-by: mobileoss <mobileoss@wix.com>
Co-authored-by: Liat Netach <60575762+liatnetach@users.noreply.github.com>
Co-authored-by: Georgy Steshin <gosha212@gmail.com>
Co-authored-by: NormanWangEndeavor <145947285+NormanWangEndeavor@users.noreply.github.com>

Author: 6 people

android/build.gradle

@@ -130,6 +130,7 @@ dependencies {
     implementation "androidx.constraintlayout:constraintlayout:2.0.4"
 
     implementation 'androidx.appcompat:appcompat:1.7.0'
+    implementation 'androidx.activity:activity:1.9.0'
     implementation 'androidx.annotation:annotation:1.2.0'
     implementation 'com.google.android.material:material:1.2.0-alpha03'
 

android/src/main/java/com/reactnativenavigation/NavigationActivity.java

@@ -7,6 +7,7 @@
 import android.os.Bundle;
 import android.view.KeyEvent;
 import android.view.View;
+import android.view.ViewGroup;
 
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.PermissionAwareActivity;
@@ -17,10 +18,12 @@
 import com.reactnativenavigation.react.JsDevReloadHandler;
 import com.reactnativenavigation.react.ReactGateway;
 import com.reactnativenavigation.react.CommandListenerAdapter;
+import com.reactnativenavigation.utils.SystemUiUtils;
 import com.reactnativenavigation.viewcontrollers.child.ChildControllersRegistry;
 import com.reactnativenavigation.viewcontrollers.modal.ModalStack;
 import com.reactnativenavigation.viewcontrollers.navigator.Navigator;
 
+import androidx.activity.EdgeToEdge;
 import androidx.activity.OnBackPressedCallback;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
@@ -36,6 +39,7 @@ public class NavigationActivity extends AppCompatActivity implements DefaultHard
 
     @Override
     protected void onCreate(@Nullable Bundle savedInstanceState) {
+        enableEdgeToEdge();
         super.onCreate(savedInstanceState);
         if (isFinishing()) {
             return;
@@ -63,7 +67,9 @@ public void onConfigurationChanged(@NonNull Configuration newConfig) {
     @Override
     public void onPostCreate(@Nullable Bundle savedInstanceState) {
         super.onPostCreate(savedInstanceState);
-        navigator.setContentLayout(findViewById(android.R.id.content));
+        ViewGroup contentLayout = findViewById(android.R.id.content);
+        navigator.setContentLayout(contentLayout);
+        SystemUiUtils.setupSystemBarBackgrounds(this, contentLayout);
     }
 
     @Override
@@ -88,6 +94,7 @@ protected void onPause() {
     @Override
     protected void onDestroy() {
         super.onDestroy();
+        SystemUiUtils.tearDown();
         if (navigator != null) {
             navigator.destroy();
         }
@@ -146,6 +153,36 @@ public void onReload() {
         navigator.destroyViews();
     }
 
+    /**
+     * Controls when edge-to-edge is enabled. Override to customize the decision logic.
+     * Call {@link #activateEdgeToEdge()} from your override to enable edge-to-edge.
+     * <p>
+     * The default implementation enables edge-to-edge only if the app theme sets
+     * {@code windowOptOutEdgeToEdgeEnforcement} to {@code false} (API 35+).
+     * Called at the start of onCreate, before super.onCreate.
+     */
+    protected void enableEdgeToEdge() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
+            android.content.res.TypedArray a = getTheme().obtainStyledAttributes(
+                    new int[]{android.R.attr.windowOptOutEdgeToEdgeEnforcement});
+            boolean optOut = a.getBoolean(0, true);
+            a.recycle();
+            if (!optOut) {
+                activateEdgeToEdge();
+            }
+        }
+    }
+
+    /**
+     * Enables edge-to-edge display and notifies the navigation framework.
+     * Call this from {@link #enableEdgeToEdge()} overrides instead of
+     * calling {@code EdgeToEdge.enable()} directly.
+     */
+    protected void activateEdgeToEdge() {
+        EdgeToEdge.enable(this);
+        SystemUiUtils.activateEdgeToEdge();
+    }
+
     protected void addDefaultSplashLayout() {
         View view = new View(this);
         setContentView(view);

android/src/main/java/com/reactnativenavigation/react/modal/ModalHostLayout.kt

@@ -34,8 +34,8 @@ open class ModalHostLayout(reactContext: ThemedReactContext) : ViewGroup(reactCo
     }
 
     @TargetApi(23)
-    override fun dispatchProvideStructure(structure: ViewStructure) {
-        mHostView.dispatchProvideStructure(structure)
+    override fun dispatchProvideStructure(structure: ViewStructure?) {
+        structure?.let { mHostView.dispatchProvideStructure(it) }
     }
 
     override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {}

android/src/main/java/com/reactnativenavigation/utils/ReactTypefaceUtils.java

@@ -18,9 +18,8 @@
 import android.text.TextUtils;
 import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.common.ReactConstants;
 import com.facebook.react.views.text.ReactFontManager;
-import com.facebook.react.views.text.ReactTextShadowNode;
+import com.facebook.react.common.ReactConstants;
 import java.util.ArrayList;
 import java.util.List;