Skip updateEntriesStack on platform others than android and ios

zoontek · Nov 21, 2024 · 7b80de6 · 7b80de6
1 parent 490be42
commit 7b80de6
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 45 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-edge-to-edge",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "license": "MIT",
   "description": "Effortlessly enable edge-to-edge display in React Native",
   "author": "Mathieu Acthernoene <zoontek@gmail.com>",

diff --git a/src/SystemBars.ts b/src/SystemBars.ts
@@ -74,54 +74,56 @@ let currentMergedEntries: {
  * Updates the native system bars with the entries from the stack.
  */
 function updateEntriesStack() {
-  if (updateImmediate != null) {
-    clearImmediate(updateImmediate);
-  }
+  if (Platform.OS === "android" || Platform.OS === "ios") {
+    if (updateImmediate != null) {
+      clearImmediate(updateImmediate);
+    }
 
-  updateImmediate = setImmediate(() => {
-    const mergedEntries = mergeEntriesStack(entriesStack);
-
-    if (mergedEntries != null) {
-      const { statusBarHidden, navigationBarHidden } = mergedEntries;
-
-      const statusBarStyle: "light" | "dark" | undefined =
-        mergedEntries.statusBarStyle === "auto"
-          ? getColorScheme() === "light"
-            ? "dark"
-            : "light"
-          : mergedEntries.statusBarStyle;
-
-      if (
-        currentMergedEntries?.statusBarStyle !== statusBarStyle ||
-        currentMergedEntries?.statusBarHidden !== statusBarHidden ||
-        currentMergedEntries?.navigationBarHidden !== navigationBarHidden
-      ) {
-        if (Platform.OS === "android") {
-          NativeEdgeToEdgeModule?.setSystemBarsConfig({
-            statusBarStyle,
-            statusBarHidden,
-            navigationBarHidden,
-          });
-        } else if (Platform.OS === "ios") {
-          // Emulate android behavior with react-native StatusBar
-          if (statusBarStyle != null) {
-            StatusBar.setBarStyle(`${statusBarStyle}-content`, true);
-          }
-          if (statusBarHidden != null) {
-            StatusBar.setHidden(statusBarHidden, "fade"); // 'slide' doesn't work in this context
+    updateImmediate = setImmediate(() => {
+      const mergedEntries = mergeEntriesStack(entriesStack);
+
+      if (mergedEntries != null) {
+        const { statusBarHidden, navigationBarHidden } = mergedEntries;
+
+        const statusBarStyle: "light" | "dark" | undefined =
+          mergedEntries.statusBarStyle === "auto"
+            ? getColorScheme() === "light"
+              ? "dark"
+              : "light"
+            : mergedEntries.statusBarStyle;
+
+        if (
+          currentMergedEntries?.statusBarStyle !== statusBarStyle ||
+          currentMergedEntries?.statusBarHidden !== statusBarHidden ||
+          currentMergedEntries?.navigationBarHidden !== navigationBarHidden
+        ) {
+          if (Platform.OS === "android") {
+            NativeEdgeToEdgeModule?.setSystemBarsConfig({
+              statusBarStyle,
+              statusBarHidden,
+              navigationBarHidden,
+            });
+          } else {
+            // Emulate android behavior with react-native StatusBar
+            if (statusBarStyle != null) {
+              StatusBar.setBarStyle(`${statusBarStyle}-content`, true);
+            }
+            if (statusBarHidden != null) {
+              StatusBar.setHidden(statusBarHidden, "fade"); // 'slide' doesn't work in this context
+            }
           }
         }
-      }
 
-      currentMergedEntries = {
-        statusBarStyle,
-        statusBarHidden,
-        navigationBarHidden,
-      };
-    } else {
-      currentMergedEntries = null;
-    }
-  });
+        currentMergedEntries = {
+          statusBarStyle,
+          statusBarHidden,
+          navigationBarHidden,
+        };
+      } else {
+        currentMergedEntries = null;
+      }
+    });
+  }
 }
 
 /**