react-native-edge-to-edge 1.5.1 → 1.6.1

package/README.md

@@ -70,7 +70,7 @@ Add the library plugin in your `app.json` config file and [create a new build](h
         "react-native-edge-to-edge",
         {
           "android": {
-            "parentTheme": "Light",
+            "parentTheme": "Default",
             "enforceNavigationBarContrast": false
           }
         }
@@ -104,7 +104,7 @@ type Options = {
 ```
 
 > [!NOTE]
-> This library is not yet supported in the [Expo Go](https://expo.dev/go) sandbox app.
+> These configuration properties are not supported in the [Expo Go](https://expo.dev/go) sandbox app, use a [development build](https://docs.expo.dev/develop/development-builds/create-a-build/).
 
 ### Bare React Native
 
@@ -170,6 +170,8 @@ const App = () => (
 
 #### SystemBars.pushStackEntry
 
+Push a `SystemBars` entry onto the stack. The return value should be passed to `popStackEntry` when complete.
+
 ```ts
 const entry: SystemBarsEntry = SystemBars.pushStackEntry(
   props /*: SystemBarsProps */,
@@ -178,12 +180,16 @@ const entry: SystemBarsEntry = SystemBars.pushStackEntry(
 
 #### SystemBars.popStackEntry
 
+Remove an existing `SystemBars` stack entry from the stack.
+
 ```ts
 SystemBars.popStackEntry(entry /*: SystemBarsEntry */);
 ```
 
 #### SystemBars.replaceStackEntry
 
+Replace an existing `SystemBars` stack entry with new props.
+
 ```ts
 const entry: SystemBarsEntry = SystemBars.replaceStackEntry(
   entry /*: SystemBarsEntry */,
@@ -191,18 +197,45 @@ const entry: SystemBarsEntry = SystemBars.replaceStackEntry(
 );
 ```
 
+#### SystemBars.setStyle
+
+Set the system bars style.
+
+```ts
+SystemBars.setStyle(style /*: SystemBarsProps["style"] */);
+```
+
+#### SystemBars.setHidden
+
+Show or hide the system bars.
+
+```ts
+SystemBars.setHidden(style /*: SystemBarsProps["hidden"] */);
+```
+
 ## Third-party libraries 🧩
 
 If you're an author and your package interferes with edge-to-edge, refer to the [`react-native-is-edge-to-edge` `README.md`](./react-native-is-edge-to-edge) for compatibility instructions.
 
 ## Troubleshooting 🤔
 
-#### The system bars stays opaque
+#### The navigation bar style is erratic
 
-Until third-party libraries officially add support for `react-native-edge-to-edge` to set these options automatically, you may need to adjust them manually to prevent interference with the library.
+There's currently [an open issue](https://issuetracker.google.com/issues/346386744) with the Android 15 emulator image regarding the navigation bar style when it is is fully transparent. This issue does not occur on physical devices.
 
-For example, make sure to set `react-native-reanimated` `useAnimatedKeyboard` `isStatusBarTranslucentAndroid` and `isNavigationBarTranslucentAndroid` to `true` (until [this PR](https://github.com/software-mansion/react-native-reanimated/pull/6732) is merged), or to replace all occurrences of the built-in `StatusBar`, [`expo-status-bar`](https://docs.expo.dev/versions/latest/sdk/status-bar) and [`expo-navigation-bar`](https://docs.expo.dev/versions/latest/sdk/navigation-bar/) with `SystemBars`.
+#### The system bars stays opaque
 
-#### The navigation bar style is erratic
+In recent months, support has been added across the React Native ecosystem. If you use any of the following libraries, make sure you're on the latest version:
 
-There's currently [an open issue](https://issuetracker.google.com/issues/346386744) with the Android 15 emulator image regarding the navigation bar style when it is is fully transparent. This issue does not occur on physical devices.
+- `expo-router`
+- `galeria`
+- `react-native-avoid-softinput`
+- `react-native-bootsplash`
+- `react-native-bottom-tabs`
+- `react-native-keyboard-controller`
+- `react-native-reanimated`
+- `react-native-screens`
+- `react-native-true-sheet`
+- `react-native-unistyles (v3)`
+
+Make also sure to replace all occurrences of the built-in `StatusBar`, [`expo-status-bar`](https://docs.expo.dev/versions/latest/sdk/status-bar) and [`expo-navigation-bar`](https://docs.expo.dev/versions/latest/sdk/navigation-bar/) with `SystemBars`.

package/dist/commonjs/SystemBars.js

@@ -8,8 +8,19 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _NativeEdgeToEdgeModule = _interopRequireDefault(require("./specs/NativeEdgeToEdgeModule"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function getColorScheme() {
-  return _reactNative.Appearance?.getColorScheme() ?? "light";
+function isLightColorScheme() {
+  const colorScheme = _reactNative.Appearance?.getColorScheme() ?? "light";
+  return colorScheme === "light";
+}
+function resolveSystemBarStyle(style) {
+  switch (style) {
+    case "auto":
+      return isLightColorScheme() ? "dark" : "light";
+    case "inverted":
+      return isLightColorScheme() ? "light" : "dark";
+    default:
+      return style;
+  }
 }
 function toNativeBarStyle(style) {
   return style === "light" || style === "dark" ? `${style}-content` : "default";
@@ -30,21 +41,29 @@ function mergeEntriesStack(entriesStack) {
   }, {
     statusBarStyle: undefined,
     navigationBarStyle: undefined,
-    statusBarHidden: false,
-    navigationBarHidden: false
+    statusBarHidden: undefined,
+    navigationBarHidden: undefined
   });
 }
+function resolveProps({
+  hidden,
+  style
+}) {
+  const compactStyle = typeof style === "string";
+  const compactHidden = typeof hidden === "boolean";
+  return {
+    statusBarStyle: compactStyle ? style : style?.statusBar,
+    navigationBarStyle: compactStyle ? style : style?.navigationBar,
+    statusBarHidden: compactHidden ? hidden : hidden?.statusBar,
+    navigationBarHidden: compactHidden ? hidden : hidden?.navigationBar
+  };
+}
 
 /**
  * Returns an object to insert in the props stack from the props.
  */
 function createStackEntry(props) {
-  return {
-    statusBarStyle: typeof props.style === "string" ? props.style : props.style?.statusBar,
-    navigationBarStyle: typeof props.style === "string" ? props.style : props.style?.navigationBar,
-    statusBarHidden: typeof props.hidden === "boolean" ? props.hidden : props.hidden?.statusBar,
-    navigationBarHidden: typeof props.hidden === "boolean" ? props.hidden : props.hidden?.navigationBar
-  };
+  return resolveProps(props);
 }
 const entriesStack = [];
 
@@ -52,12 +71,50 @@ const entriesStack = [];
 let updateImmediate = null;
 
 // The current merged values from the entries stack.
-let currentMergedEntries = {
+const currentValues = {
   statusBarStyle: undefined,
   navigationBarStyle: undefined,
-  statusBarHidden: false,
-  navigationBarHidden: false
+  statusBarHidden: undefined,
+  navigationBarHidden: undefined
 };
+function setStatusBarStyle(style) {
+  if (style !== currentValues.statusBarStyle) {
+    currentValues.statusBarStyle = style;
+    const nativeStyle = toNativeBarStyle(style);
+    if (_reactNative.Platform.OS === "android") {
+      _NativeEdgeToEdgeModule.default?.setStatusBarStyle(nativeStyle);
+    } else if (_reactNative.Platform.OS === "ios") {
+      _reactNative.StatusBar.setBarStyle(nativeStyle, true);
+    }
+  }
+}
+function setNavigationBarStyle(style) {
+  if (style !== currentValues.navigationBarStyle) {
+    currentValues.navigationBarStyle = style;
+    if (_reactNative.Platform.OS === "android") {
+      const nativeStyle = toNativeBarStyle(style);
+      _NativeEdgeToEdgeModule.default?.setNavigationBarStyle(nativeStyle);
+    }
+  }
+}
+function setStatusBarHidden(hidden) {
+  if (hidden !== currentValues.statusBarHidden) {
+    currentValues.statusBarHidden = hidden;
+    if (_reactNative.Platform.OS === "android") {
+      _NativeEdgeToEdgeModule.default?.setStatusBarHidden(hidden);
+    } else if (_reactNative.Platform.OS === "ios") {
+      _reactNative.StatusBar.setHidden(hidden, "fade"); // 'slide' doesn't work in this context
+    }
+  }
+}
+function setNavigationBarHidden(hidden) {
+  if (hidden !== currentValues.navigationBarHidden) {
+    currentValues.navigationBarHidden = hidden;
+    if (_reactNative.Platform.OS === "android") {
+      _NativeEdgeToEdgeModule.default?.setNavigationBarHidden(hidden);
+    }
+  }
+}
 
 /**
  * Updates the native system bars with the entries from the stack.
@@ -68,47 +125,30 @@ function updateEntriesStack() {
       clearImmediate(updateImmediate);
     }
     updateImmediate = setImmediate(() => {
-      const isLightColorScheme = getColorScheme() === "light";
-      const autoBarStyle = isLightColorScheme ? "dark" : "light";
-      const invertedBarStyle = isLightColorScheme ? "light" : "dark";
       const mergedEntries = mergeEntriesStack(entriesStack);
-      const statusBarStyle = mergedEntries.statusBarStyle === "auto" ? autoBarStyle : mergedEntries.statusBarStyle === "inverted" ? invertedBarStyle : mergedEntries.statusBarStyle;
-      const navigationBarStyle = mergedEntries.navigationBarStyle === "auto" ? autoBarStyle : mergedEntries.navigationBarStyle === "inverted" ? invertedBarStyle : mergedEntries.navigationBarStyle;
       const {
         statusBarHidden,
         navigationBarHidden
       } = mergedEntries;
-      if (statusBarStyle !== currentMergedEntries.statusBarStyle) {
-        const style = toNativeBarStyle(statusBarStyle);
-        _reactNative.Platform.OS === "android" ? _NativeEdgeToEdgeModule.default?.setStatusBarStyle(style) : _reactNative.StatusBar.setBarStyle(style, true);
+      const statusBarStyle = resolveSystemBarStyle(mergedEntries.statusBarStyle);
+      const navigationBarStyle = resolveSystemBarStyle(mergedEntries.navigationBarStyle);
+      setStatusBarStyle(statusBarStyle);
+      setNavigationBarStyle(navigationBarStyle);
+      if (statusBarHidden != null) {
+        setStatusBarHidden(statusBarHidden);
       }
-      if (statusBarHidden !== currentMergedEntries.statusBarHidden) {
-        _reactNative.Platform.OS === "android" ? _NativeEdgeToEdgeModule.default?.setStatusBarHidden(statusBarHidden) : _reactNative.StatusBar.setHidden(statusBarHidden, "fade"); // 'slide' doesn't work in this context
+      if (navigationBarHidden != null) {
+        setNavigationBarHidden(navigationBarHidden);
       }
-      if (_reactNative.Platform.OS === "android") {
-        if (navigationBarStyle !== currentMergedEntries.navigationBarStyle) {
-          const style = toNativeBarStyle(navigationBarStyle);
-          _NativeEdgeToEdgeModule.default?.setNavigationBarStyle(style);
-        }
-        if (navigationBarHidden !== currentMergedEntries.navigationBarHidden) {
-          _NativeEdgeToEdgeModule.default?.setNavigationBarHidden(navigationBarHidden);
-        }
-      }
-      currentMergedEntries = {
-        statusBarStyle,
-        navigationBarStyle,
-        statusBarHidden,
-        navigationBarHidden
-      };
     });
   }
 }
 
 /**
- * Push a SystemBars entry onto the stack.
+ * Push a `SystemBars` entry onto the stack.
  * The return value should be passed to `popStackEntry` when complete.
  *
- * @param props Object containing the SystemBars props to use in the stack entry.
+ * @param props Object containing the `SystemBars` props to use in the stack entry.
  */
 function pushStackEntry(props) {
   const entry = createStackEntry(props);
@@ -118,7 +158,7 @@ function pushStackEntry(props) {
 }
 
 /**
- * Pop a SystemBars entry from the stack.
+ * Remove an existing `SystemBars` stack entry from the stack.
  *
  * @param entry Entry returned from `pushStackEntry`.
  */
@@ -131,10 +171,10 @@ function popStackEntry(entry) {
 }
 
 /**
- * Replace an existing SystemBars stack entry with new props.
+ * Replace an existing `SystemBars` stack entry with new props.
  *
  * @param entry Entry returned from `pushStackEntry` to replace.
- * @param props Object containing the SystemBars props to use in the replacement stack entry.
+ * @param props Object containing the `SystemBars` props to use in the replacement stack entry.
  */
 function replaceStackEntry(entry, props) {
   const newEntry = createStackEntry(props);
@@ -145,14 +185,52 @@ function replaceStackEntry(entry, props) {
   updateEntriesStack();
   return newEntry;
 }
-function SystemBars({
-  hidden,
-  style
-}) {
-  const statusBarStyle = typeof style === "string" ? style : style?.statusBar;
-  const navigationBarStyle = typeof style === "string" ? style : style?.navigationBar;
-  const statusBarHidden = typeof hidden === "boolean" ? hidden : hidden?.statusBar;
-  const navigationBarHidden = typeof hidden === "boolean" ? hidden : hidden?.navigationBar;
+
+/**
+ * Set the system bars style.
+ *
+ * @param style System bars style to set.
+ */
+function setStyle(style) {
+  const props = resolveProps({
+    style
+  });
+  const statusBarStyle = resolveSystemBarStyle(props.statusBarStyle);
+  const navigationBarStyle = resolveSystemBarStyle(props.navigationBarStyle);
+  if (typeof statusBarStyle === "string") {
+    setStatusBarStyle(statusBarStyle);
+  }
+  if (typeof navigationBarStyle === "string") {
+    setNavigationBarStyle(navigationBarStyle);
+  }
+}
+
+/**
+ * Show or hide the system bars.
+ *
+ * @param hidden Hide the system bars.
+ */
+function setHidden(hidden) {
+  const {
+    statusBarHidden,
+    navigationBarHidden
+  } = resolveProps({
+    hidden
+  });
+  if (typeof statusBarHidden === "boolean") {
+    setStatusBarHidden(statusBarHidden);
+  }
+  if (typeof navigationBarHidden === "boolean") {
+    setNavigationBarHidden(navigationBarHidden);
+  }
+}
+function SystemBars(props) {
+  const {
+    statusBarStyle,
+    navigationBarStyle,
+    statusBarHidden,
+    navigationBarHidden
+  } = resolveProps(props);
   const stableProps = (0, _react.useMemo)(() => ({
     style: statusBarStyle === navigationBarStyle ? statusBarStyle : {
       statusBar: statusBarStyle,
@@ -189,4 +267,6 @@ function SystemBars({
 SystemBars.pushStackEntry = pushStackEntry;
 SystemBars.popStackEntry = popStackEntry;
 SystemBars.replaceStackEntry = replaceStackEntry;
+SystemBars.setStyle = setStyle;
+SystemBars.setHidden = setHidden;
 //# sourceMappingURL=SystemBars.js.map

package/dist/commonjs/SystemBars.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_NativeEdgeToEdgeModule","_interopRequireDefault","e","__esModule","default","getColorScheme","Appearance","toNativeBarStyle","style","mergeEntriesStack","entriesStack","reduce","prev","cur","prop","statusBarStyle","undefined","navigationBarStyle","statusBarHidden","navigationBarHidden","createStackEntry","props","statusBar","navigationBar","hidden","updateImmediate","currentMergedEntries","updateEntriesStack","Platform","OS","clearImmediate","setImmediate","isLightColorScheme","autoBarStyle","invertedBarStyle","mergedEntries","NativeModule","setStatusBarStyle","StatusBar","setBarStyle","setStatusBarHidden","setHidden","setNavigationBarStyle","setNavigationBarHidden","pushStackEntry","entry","push","popStackEntry","index","indexOf","splice","replaceStackEntry","newEntry","SystemBars","stableProps","useMemo","colorScheme","useColorScheme","stackEntryRef","useRef","useEffect","current"],"sourceRoot":"../../src","sources":["SystemBars.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0D,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAK1D,SAASG,cAAcA,CAAA,EAAqB;EAC1C,OAAOC,uBAAU,EAAED,cAAc,CAAC,CAAC,IAAI,OAAO;AAChD;AAEA,SAASE,gBAAgBA,CACvBC,KAAwB,EACsB;EAC9C,OAAOA,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,MAAM,GAAG,GAAGA,KAAK,UAAU,GAAG,SAAS;AAC/E;;AAEA;AACA;AACA;AACA,SAASC,iBAAiBA,CAACC,YAA+B,EAAE;EAC1D,OAAOA,YAAY,CAACC,MAAM,CAMxB,CAACC,IAAI,EAAEC,GAAG,KAAK;IACb,KAAK,MAAMC,IAAI,IAAID,GAAG,EAAE;MACtB,IAAIA,GAAG,CAACC,IAAI,CAA0B,IAAI,IAAI,EAAE;QAC9C;QACAF,IAAI,CAACE,IAAI,CAAC,GAAGD,GAAG,CAACC,IAAI,CAAC;MACxB;IACF;IACA,OAAOF,IAAI;EACb,CAAC,EACD;IACEG,cAAc,EAAEC,SAAS;IACzBC,kBAAkB,EAAED,SAAS;IAC7BE,eAAe,EAAE,KAAK;IACtBC,mBAAmB,EAAE;EACvB,CACF,CAAC;AACH;;AAEA;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,KAAsB,EAAmB;EACjE,OAAO;IACLN,cAAc,EACZ,OAAOM,KAAK,CAACb,KAAK,KAAK,QAAQ,GAAGa,KAAK,CAACb,KAAK,GAAGa,KAAK,CAACb,KAAK,EAAEc,SAAS;IACxEL,kBAAkB,EAChB,OAAOI,KAAK,CAACb,KAAK,KAAK,QAAQ,GAC3Ba,KAAK,CAACb,KAAK,GACXa,KAAK,CAACb,KAAK,EAAEe,aAAa;IAChCL,eAAe,EACb,OAAOG,KAAK,CAACG,MAAM,KAAK,SAAS,GAC7BH,KAAK,CAACG,MAAM,GACZH,KAAK,CAACG,MAAM,EAAEF,SAAS;IAC7BH,mBAAmB,EACjB,OAAOE,KAAK,CAACG,MAAM,KAAK,SAAS,GAC7BH,KAAK,CAACG,MAAM,GACZH,KAAK,CAACG,MAAM,EAAED;EACtB,CAAC;AACH;AAEA,MAAMb,YAA+B,GAAG,EAAE;;AAE1C;AACA,IAAIe,eAAwC,GAAG,IAAI;;AAEnD;AACA,IAAIC,oBAKH,GAAG;EACFX,cAAc,EAAEC,SAAS;EACzBC,kBAAkB,EAAED,SAAS;EAC7BE,eAAe,EAAE,KAAK;EACtBC,mBAAmB,EAAE;AACvB,CAAC;;AAED;AACA;AACA;AACA,SAASQ,kBAAkBA,CAAA,EAAG;EAC5B,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAID,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACtD,IAAIJ,eAAe,IAAI,IAAI,EAAE;MAC3BK,cAAc,CAACL,eAAe,CAAC;IACjC;IAEAA,eAAe,GAAGM,YAAY,CAAC,MAAM;MACnC,MAAMC,kBAAkB,GAAG3B,cAAc,CAAC,CAAC,KAAK,OAAO;MACvD,MAAM4B,YAAY,GAAGD,kBAAkB,GAAG,MAAM,GAAG,OAAO;MAC1D,MAAME,gBAAgB,GAAGF,kBAAkB,GAAG,OAAO,GAAG,MAAM;MAE9D,MAAMG,aAAa,GAAG1B,iBAAiB,CAACC,YAAY,CAAC;MAErD,MAAMK,cAAiC,GACrCoB,aAAa,CAACpB,cAAc,KAAK,MAAM,GACnCkB,YAAY,GACZE,aAAa,CAACpB,cAAc,KAAK,UAAU,GACzCmB,gBAAgB,GAChBC,aAAa,CAACpB,cAAc;MAEpC,MAAME,kBAAqC,GACzCkB,aAAa,CAAClB,kBAAkB,KAAK,MAAM,GACvCgB,YAAY,GACZE,aAAa,CAAClB,kBAAkB,KAAK,UAAU,GAC7CiB,gBAAgB,GAChBC,aAAa,CAAClB,kBAAkB;MAExC,MAAM;QAAEC,eAAe;QAAEC;MAAoB,CAAC,GAAGgB,aAAa;MAE9D,IAAIpB,cAAc,KAAKW,oBAAoB,CAACX,cAAc,EAAE;QAC1D,MAAMP,KAAK,GAAGD,gBAAgB,CAACQ,cAAc,CAAC;QAE9Ca,qBAAQ,CAACC,EAAE,KAAK,SAAS,GACrBO,+BAAY,EAAEC,iBAAiB,CAAC7B,KAAK,CAAC,GACtC8B,sBAAS,CAACC,WAAW,CAAC/B,KAAK,EAAE,IAAI,CAAC;MACxC;MAEA,IAAIU,eAAe,KAAKQ,oBAAoB,CAACR,eAAe,EAAE;QAC5DU,qBAAQ,CAACC,EAAE,KAAK,SAAS,GACrBO,+BAAY,EAAEI,kBAAkB,CAACtB,eAAe,CAAC,GACjDoB,sBAAS,CAACG,SAAS,CAACvB,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;MACpD;MAEA,IAAIU,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;QAC7B,IAAIZ,kBAAkB,KAAKS,oBAAoB,CAACT,kBAAkB,EAAE;UAClE,MAAMT,KAAK,GAAGD,gBAAgB,CAACU,kBAAkB,CAAC;UAClDmB,+BAAY,EAAEM,qBAAqB,CAAClC,KAAK,CAAC;QAC5C;QAEA,IAAIW,mBAAmB,KAAKO,oBAAoB,CAACP,mBAAmB,EAAE;UACpEiB,+BAAY,EAAEO,sBAAsB,CAACxB,mBAAmB,CAAC;QAC3D;MACF;MAEAO,oBAAoB,GAAG;QACrBX,cAAc;QACdE,kBAAkB;QAClBC,eAAe;QACfC;MACF,CAAC;IACH,CAAC,CAAC;EACJ;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASyB,cAAcA,CAACvB,KAAsB,EAAmB;EAC/D,MAAMwB,KAAK,GAAGzB,gBAAgB,CAACC,KAAK,CAAC;EACrCX,YAAY,CAACoC,IAAI,CAACD,KAAK,CAAC;EACxBlB,kBAAkB,CAAC,CAAC;EACpB,OAAOkB,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,aAAaA,CAACF,KAAsB,EAAQ;EACnD,MAAMG,KAAK,GAAGtC,YAAY,CAACuC,OAAO,CAACJ,KAAK,CAAC;EACzC,IAAIG,KAAK,KAAK,CAAC,CAAC,EAAE;IAChBtC,YAAY,CAACwC,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;EAC/B;EACArB,kBAAkB,CAAC,CAAC;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASwB,iBAAiBA,CACxBN,KAAsB,EACtBxB,KAAsB,EACL;EACjB,MAAM+B,QAAQ,GAAGhC,gBAAgB,CAACC,KAAK,CAAC;EACxC,MAAM2B,KAAK,GAAGtC,YAAY,CAACuC,OAAO,CAACJ,KAAK,CAAC;EACzC,IAAIG,KAAK,KAAK,CAAC,CAAC,EAAE;IAChBtC,YAAY,CAACsC,KAAK,CAAC,GAAGI,QAAQ;EAChC;EACAzB,kBAAkB,CAAC,CAAC;EACpB,OAAOyB,QAAQ;AACjB;AAEO,SAASC,UAAUA,CAAC;EAAE7B,MAAM;EAAEhB;AAAuB,CAAC,EAAE;EAC7D,MAAMO,cAAc,GAAG,OAAOP,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,EAAEc,SAAS;EAC3E,MAAML,kBAAkB,GACtB,OAAOT,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,EAAEe,aAAa;EAC1D,MAAML,eAAe,GACnB,OAAOM,MAAM,KAAK,SAAS,GAAGA,MAAM,GAAGA,MAAM,EAAEF,SAAS;EAC1D,MAAMH,mBAAmB,GACvB,OAAOK,MAAM,KAAK,SAAS,GAAGA,MAAM,GAAGA,MAAM,EAAED,aAAa;EAE9D,MAAM+B,WAAW,GAAG,IAAAC,cAAO,EACzB,OAAO;IACL/C,KAAK,EACHO,cAAc,KAAKE,kBAAkB,GACjCF,cAAc,GACd;MAAEO,SAAS,EAAEP,cAAc;MAAEQ,aAAa,EAAEN;IAAmB,CAAC;IACtEO,MAAM,EACJN,eAAe,KAAKC,mBAAmB,GACnCD,eAAe,GACf;MAAEI,SAAS,EAAEJ,eAAe;MAAEK,aAAa,EAAEJ;IAAoB;EACzE,CAAC,CAAC,EACF,CAACJ,cAAc,EAAEE,kBAAkB,EAAEC,eAAe,EAAEC,mBAAmB,CAC3E,CAAC;EAED,MAAMqC,WAAW,GAAG,IAAAC,2BAAc,EAAC,CAAC;EACpC,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAyB,IAAI,CAAC;EAE1D,IAAAC,gBAAS,EAAC,MAAM;IACd;IACA;IACA;IACA;IACAF,aAAa,CAACG,OAAO,GAAGjB,cAAc,CAACU,WAAW,CAAC;IAEnD,OAAO,MAAM;MACX;MACA;MACA,IAAII,aAAa,CAACG,OAAO,EAAE;QACzBd,aAAa,CAACW,aAAa,CAACG,OAAO,CAAC;MACtC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAIF,aAAa,CAACG,OAAO,EAAE;MACzBH,aAAa,CAACG,OAAO,GAAGV,iBAAiB,CACvCO,aAAa,CAACG,OAAO,EACrBP,WACF,CAAC;IACH;EACF,CAAC,EAAE,CAACE,WAAW,EAAEF,WAAW,CAAC,CAAC;EAE9B,OAAO,IAAI;AACb;AAEAD,UAAU,CAACT,cAAc,GAAGA,cAAc;AAC1CS,UAAU,CAACN,aAAa,GAAGA,aAAa;AACxCM,UAAU,CAACF,iBAAiB,GAAGA,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_NativeEdgeToEdgeModule","_interopRequireDefault","e","__esModule","default","isLightColorScheme","colorScheme","Appearance","getColorScheme","resolveSystemBarStyle","style","toNativeBarStyle","mergeEntriesStack","entriesStack","reduce","prev","cur","prop","statusBarStyle","undefined","navigationBarStyle","statusBarHidden","navigationBarHidden","resolveProps","hidden","compactStyle","compactHidden","statusBar","navigationBar","createStackEntry","props","updateImmediate","currentValues","setStatusBarStyle","nativeStyle","Platform","OS","NativeModule","StatusBar","setBarStyle","setNavigationBarStyle","setStatusBarHidden","setHidden","setNavigationBarHidden","updateEntriesStack","clearImmediate","setImmediate","mergedEntries","pushStackEntry","entry","push","popStackEntry","index","indexOf","splice","replaceStackEntry","newEntry","setStyle","SystemBars","stableProps","useMemo","useColorScheme","stackEntryRef","useRef","useEffect","current"],"sourceRoot":"../../src","sources":["SystemBars.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0D,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAK1D,SAASG,kBAAkBA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGC,uBAAU,EAAEC,cAAc,CAAC,CAAC,IAAI,OAAO;EAC3D,OAAOF,WAAW,KAAK,OAAO;AAChC;AAEA,SAASG,qBAAqBA,CAC5BC,KAAiC,EACf;EAClB,QAAQA,KAAK;IACX,KAAK,MAAM;MACT,OAAOL,kBAAkB,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO;IAChD,KAAK,UAAU;MACb,OAAOA,kBAAkB,CAAC,CAAC,GAAG,OAAO,GAAG,MAAM;IAChD;MACE,OAAOK,KAAK;EAChB;AACF;AAEA,SAASC,gBAAgBA,CACvBD,KAAuB,EACuB;EAC9C,OAAOA,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,MAAM,GAAG,GAAGA,KAAK,UAAU,GAAG,SAAS;AAC/E;;AAEA;AACA;AACA;AACA,SAASE,iBAAiBA,CAACC,YAA+B,EAAE;EAC1D,OAAOA,YAAY,CAACC,MAAM,CAMxB,CAACC,IAAI,EAAEC,GAAG,KAAK;IACb,KAAK,MAAMC,IAAI,IAAID,GAAG,EAAE;MACtB,IAAIA,GAAG,CAACC,IAAI,CAA0B,IAAI,IAAI,EAAE;QAC9C;QACAF,IAAI,CAACE,IAAI,CAAC,GAAGD,GAAG,CAACC,IAAI,CAAC;MACxB;IACF;IACA,OAAOF,IAAI;EACb,CAAC,EACD;IACEG,cAAc,EAAEC,SAAS;IACzBC,kBAAkB,EAAED,SAAS;IAC7BE,eAAe,EAAEF,SAAS;IAC1BG,mBAAmB,EAAEH;EACvB,CACF,CAAC;AACH;AAEA,SAASI,YAAYA,CAAC;EAAEC,MAAM;EAAEd;AAAuB,CAAC,EAAE;EACxD,MAAMe,YAAY,GAAG,OAAOf,KAAK,KAAK,QAAQ;EAC9C,MAAMgB,aAAa,GAAG,OAAOF,MAAM,KAAK,SAAS;EAEjD,OAAO;IACLN,cAAc,EAAEO,YAAY,GAAGf,KAAK,GAAGA,KAAK,EAAEiB,SAAS;IACvDP,kBAAkB,EAAEK,YAAY,GAAGf,KAAK,GAAGA,KAAK,EAAEkB,aAAa;IAC/DP,eAAe,EAAEK,aAAa,GAAGF,MAAM,GAAGA,MAAM,EAAEG,SAAS;IAC3DL,mBAAmB,EAAEI,aAAa,GAAGF,MAAM,GAAGA,MAAM,EAAEI;EACxD,CAAC;AACH;;AAEA;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,KAAsB,EAAmB;EACjE,OAAOP,YAAY,CAACO,KAAK,CAAC;AAC5B;AAEA,MAAMjB,YAA+B,GAAG,EAAE;;AAE1C;AACA,IAAIkB,eAAwC,GAAG,IAAI;;AAEnD;AACA,MAAMC,aAKL,GAAG;EACFd,cAAc,EAAEC,SAAS;EACzBC,kBAAkB,EAAED,SAAS;EAC7BE,eAAe,EAAEF,SAAS;EAC1BG,mBAAmB,EAAEH;AACvB,CAAC;AAED,SAASc,iBAAiBA,CAACvB,KAAuB,EAAE;EAClD,IAAIA,KAAK,KAAKsB,aAAa,CAACd,cAAc,EAAE;IAC1Cc,aAAa,CAACd,cAAc,GAAGR,KAAK;IAEpC,MAAMwB,WAAW,GAAGvB,gBAAgB,CAACD,KAAK,CAAC;IAE3C,IAAIyB,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7BC,+BAAY,EAAEJ,iBAAiB,CAACC,WAAW,CAAC;IAC9C,CAAC,MAAM,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MAChCE,sBAAS,CAACC,WAAW,CAACL,WAAW,EAAE,IAAI,CAAC;IAC1C;EACF;AACF;AAEA,SAASM,qBAAqBA,CAAC9B,KAAuB,EAAE;EACtD,IAAIA,KAAK,KAAKsB,aAAa,CAACZ,kBAAkB,EAAE;IAC9CY,aAAa,CAACZ,kBAAkB,GAAGV,KAAK;IAExC,IAAIyB,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7B,MAAMF,WAAW,GAAGvB,gBAAgB,CAACD,KAAK,CAAC;MAC3C2B,+BAAY,EAAEG,qBAAqB,CAACN,WAAW,CAAC;IAClD;EACF;AACF;AAEA,SAASO,kBAAkBA,CAACjB,MAAe,EAAE;EAC3C,IAAIA,MAAM,KAAKQ,aAAa,CAACX,eAAe,EAAE;IAC5CW,aAAa,CAACX,eAAe,GAAGG,MAAM;IAEtC,IAAIW,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7BC,+BAAY,EAAEI,kBAAkB,CAACjB,MAAM,CAAC;IAC1C,CAAC,MAAM,IAAIW,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MAChCE,sBAAS,CAACI,SAAS,CAAClB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvC;EACF;AACF;AAEA,SAASmB,sBAAsBA,CAACnB,MAAe,EAAE;EAC/C,IAAIA,MAAM,KAAKQ,aAAa,CAACV,mBAAmB,EAAE;IAChDU,aAAa,CAACV,mBAAmB,GAAGE,MAAM;IAE1C,IAAIW,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7BC,+BAAY,EAAEM,sBAAsB,CAACnB,MAAM,CAAC;IAC9C;EACF;AACF;;AAEA;AACA;AACA;AACA,SAASoB,kBAAkBA,CAAA,EAAG;EAC5B,IAAIT,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAID,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACtD,IAAIL,eAAe,IAAI,IAAI,EAAE;MAC3Bc,cAAc,CAACd,eAAe,CAAC;IACjC;IAEAA,eAAe,GAAGe,YAAY,CAAC,MAAM;MACnC,MAAMC,aAAa,GAAGnC,iBAAiB,CAACC,YAAY,CAAC;MACrD,MAAM;QAAEQ,eAAe;QAAEC;MAAoB,CAAC,GAAGyB,aAAa;MAE9D,MAAM7B,cAAc,GAAGT,qBAAqB,CAC1CsC,aAAa,CAAC7B,cAChB,CAAC;MACD,MAAME,kBAAkB,GAAGX,qBAAqB,CAC9CsC,aAAa,CAAC3B,kBAChB,CAAC;MAEDa,iBAAiB,CAACf,cAAc,CAAC;MACjCsB,qBAAqB,CAACpB,kBAAkB,CAAC;MAEzC,IAAIC,eAAe,IAAI,IAAI,EAAE;QAC3BoB,kBAAkB,CAACpB,eAAe,CAAC;MACrC;MACA,IAAIC,mBAAmB,IAAI,IAAI,EAAE;QAC/BqB,sBAAsB,CAACrB,mBAAmB,CAAC;MAC7C;IACF,CAAC,CAAC;EACJ;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS0B,cAAcA,CAAClB,KAAsB,EAAmB;EAC/D,MAAMmB,KAAK,GAAGpB,gBAAgB,CAACC,KAAK,CAAC;EACrCjB,YAAY,CAACqC,IAAI,CAACD,KAAK,CAAC;EACxBL,kBAAkB,CAAC,CAAC;EACpB,OAAOK,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,aAAaA,CAACF,KAAsB,EAAQ;EACnD,MAAMG,KAAK,GAAGvC,YAAY,CAACwC,OAAO,CAACJ,KAAK,CAAC;EACzC,IAAIG,KAAK,KAAK,CAAC,CAAC,EAAE;IAChBvC,YAAY,CAACyC,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;EAC/B;EACAR,kBAAkB,CAAC,CAAC;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASW,iBAAiBA,CACxBN,KAAsB,EACtBnB,KAAsB,EACL;EACjB,MAAM0B,QAAQ,GAAG3B,gBAAgB,CAACC,KAAK,CAAC;EACxC,MAAMsB,KAAK,GAAGvC,YAAY,CAACwC,OAAO,CAACJ,KAAK,CAAC;EACzC,IAAIG,KAAK,KAAK,CAAC,CAAC,EAAE;IAChBvC,YAAY,CAACuC,KAAK,CAAC,GAAGI,QAAQ;EAChC;EACAZ,kBAAkB,CAAC,CAAC;EACpB,OAAOY,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQA,CAAC/C,KAA+B,EAAE;EACjD,MAAMoB,KAAK,GAAGP,YAAY,CAAC;IAAEb;EAAM,CAAC,CAAC;EAErC,MAAMQ,cAAc,GAAGT,qBAAqB,CAACqB,KAAK,CAACZ,cAAc,CAAC;EAClE,MAAME,kBAAkB,GAAGX,qBAAqB,CAACqB,KAAK,CAACV,kBAAkB,CAAC;EAE1E,IAAI,OAAOF,cAAc,KAAK,QAAQ,EAAE;IACtCe,iBAAiB,CAACf,cAAc,CAAC;EACnC;EACA,IAAI,OAAOE,kBAAkB,KAAK,QAAQ,EAAE;IAC1CoB,qBAAqB,CAACpB,kBAAkB,CAAC;EAC3C;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASsB,SAASA,CAAClB,MAAiC,EAAE;EACpD,MAAM;IAAEH,eAAe;IAAEC;EAAoB,CAAC,GAAGC,YAAY,CAAC;IAAEC;EAAO,CAAC,CAAC;EAEzE,IAAI,OAAOH,eAAe,KAAK,SAAS,EAAE;IACxCoB,kBAAkB,CAACpB,eAAe,CAAC;EACrC;EACA,IAAI,OAAOC,mBAAmB,KAAK,SAAS,EAAE;IAC5CqB,sBAAsB,CAACrB,mBAAmB,CAAC;EAC7C;AACF;AAEO,SAASoC,UAAUA,CAAC5B,KAAsB,EAAE;EACjD,MAAM;IACJZ,cAAc;IACdE,kBAAkB;IAClBC,eAAe;IACfC;EACF,CAAC,GAAGC,YAAY,CAACO,KAAK,CAAC;EAEvB,MAAM6B,WAAW,GAAG,IAAAC,cAAO,EACzB,OAAO;IACLlD,KAAK,EACHQ,cAAc,KAAKE,kBAAkB,GACjCF,cAAc,GACd;MAAES,SAAS,EAAET,cAAc;MAAEU,aAAa,EAAER;IAAmB,CAAC;IACtEI,MAAM,EACJH,eAAe,KAAKC,mBAAmB,GACnCD,eAAe,GACf;MAAEM,SAAS,EAAEN,eAAe;MAAEO,aAAa,EAAEN;IAAoB;EACzE,CAAC,CAAC,EACF,CAACJ,cAAc,EAAEE,kBAAkB,EAAEC,eAAe,EAAEC,mBAAmB,CAC3E,CAAC;EAED,MAAMhB,WAAW,GAAG,IAAAuD,2BAAc,EAAC,CAAC;EACpC,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAyB,IAAI,CAAC;EAE1D,IAAAC,gBAAS,EAAC,MAAM;IACd;IACA;IACA;IACA;IACAF,aAAa,CAACG,OAAO,GAAGjB,cAAc,CAACW,WAAW,CAAC;IAEnD,OAAO,MAAM;MACX;MACA;MACA,IAAIG,aAAa,CAACG,OAAO,EAAE;QACzBd,aAAa,CAACW,aAAa,CAACG,OAAO,CAAC;MACtC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAIF,aAAa,CAACG,OAAO,EAAE;MACzBH,aAAa,CAACG,OAAO,GAAGV,iBAAiB,CACvCO,aAAa,CAACG,OAAO,EACrBN,WACF,CAAC;IACH;EACF,CAAC,EAAE,CAACrD,WAAW,EAAEqD,WAAW,CAAC,CAAC;EAE9B,OAAO,IAAI;AACb;AAEAD,UAAU,CAACV,cAAc,GAAGA,cAAc;AAC1CU,UAAU,CAACP,aAAa,GAAGA,aAAa;AACxCO,UAAU,CAACH,iBAAiB,GAAGA,iBAAiB;AAChDG,UAAU,CAACD,QAAQ,GAAGA,QAAQ;AAC9BC,UAAU,CAAChB,SAAS,GAAGA,SAAS","ignoreList":[]}

package/dist/module/SystemBars.js

@@ -3,8 +3,19 @@
 import { useEffect, useMemo, useRef } from "react";
 import { Appearance, Platform, StatusBar, useColorScheme } from "react-native";
 import NativeModule from "./specs/NativeEdgeToEdgeModule";
-function getColorScheme() {
-  return Appearance?.getColorScheme() ?? "light";
+function isLightColorScheme() {
+  const colorScheme = Appearance?.getColorScheme() ?? "light";
+  return colorScheme === "light";
+}
+function resolveSystemBarStyle(style) {
+  switch (style) {
+    case "auto":
+      return isLightColorScheme() ? "dark" : "light";
+    case "inverted":
+      return isLightColorScheme() ? "light" : "dark";
+    default:
+      return style;
+  }
 }
 function toNativeBarStyle(style) {
   return style === "light" || style === "dark" ? `${style}-content` : "default";
@@ -25,21 +36,29 @@ function mergeEntriesStack(entriesStack) {
   }, {
     statusBarStyle: undefined,
     navigationBarStyle: undefined,
-    statusBarHidden: false,
-    navigationBarHidden: false
+    statusBarHidden: undefined,
+    navigationBarHidden: undefined
   });
 }
+function resolveProps({
+  hidden,
+  style
+}) {
+  const compactStyle = typeof style === "string";
+  const compactHidden = typeof hidden === "boolean";
+  return {
+    statusBarStyle: compactStyle ? style : style?.statusBar,
+    navigationBarStyle: compactStyle ? style : style?.navigationBar,
+    statusBarHidden: compactHidden ? hidden : hidden?.statusBar,
+    navigationBarHidden: compactHidden ? hidden : hidden?.navigationBar
+  };
+}
 
 /**
  * Returns an object to insert in the props stack from the props.
  */
 function createStackEntry(props) {
-  return {
-    statusBarStyle: typeof props.style === "string" ? props.style : props.style?.statusBar,
-    navigationBarStyle: typeof props.style === "string" ? props.style : props.style?.navigationBar,
-    statusBarHidden: typeof props.hidden === "boolean" ? props.hidden : props.hidden?.statusBar,
-    navigationBarHidden: typeof props.hidden === "boolean" ? props.hidden : props.hidden?.navigationBar
-  };
+  return resolveProps(props);
 }
 const entriesStack = [];
 
@@ -47,12 +66,50 @@ const entriesStack = [];
 let updateImmediate = null;
 
 // The current merged values from the entries stack.
-let currentMergedEntries = {
+const currentValues = {
   statusBarStyle: undefined,
   navigationBarStyle: undefined,
-  statusBarHidden: false,
-  navigationBarHidden: false
+  statusBarHidden: undefined,
+  navigationBarHidden: undefined
 };
+function setStatusBarStyle(style) {
+  if (style !== currentValues.statusBarStyle) {
+    currentValues.statusBarStyle = style;
+    const nativeStyle = toNativeBarStyle(style);
+    if (Platform.OS === "android") {
+      NativeModule?.setStatusBarStyle(nativeStyle);
+    } else if (Platform.OS === "ios") {
+      StatusBar.setBarStyle(nativeStyle, true);
+    }
+  }
+}
+function setNavigationBarStyle(style) {
+  if (style !== currentValues.navigationBarStyle) {
+    currentValues.navigationBarStyle = style;
+    if (Platform.OS === "android") {
+      const nativeStyle = toNativeBarStyle(style);
+      NativeModule?.setNavigationBarStyle(nativeStyle);
+    }
+  }
+}
+function setStatusBarHidden(hidden) {
+  if (hidden !== currentValues.statusBarHidden) {
+    currentValues.statusBarHidden = hidden;
+    if (Platform.OS === "android") {
+      NativeModule?.setStatusBarHidden(hidden);
+    } else if (Platform.OS === "ios") {
+      StatusBar.setHidden(hidden, "fade"); // 'slide' doesn't work in this context
+    }
+  }
+}
+function setNavigationBarHidden(hidden) {
+  if (hidden !== currentValues.navigationBarHidden) {
+    currentValues.navigationBarHidden = hidden;
+    if (Platform.OS === "android") {
+      NativeModule?.setNavigationBarHidden(hidden);
+    }
+  }
+}
 
 /**
  * Updates the native system bars with the entries from the stack.
@@ -63,47 +120,30 @@ function updateEntriesStack() {
       clearImmediate(updateImmediate);
     }
     updateImmediate = setImmediate(() => {
-      const isLightColorScheme = getColorScheme() === "light";
-      const autoBarStyle = isLightColorScheme ? "dark" : "light";
-      const invertedBarStyle = isLightColorScheme ? "light" : "dark";
       const mergedEntries = mergeEntriesStack(entriesStack);
-      const statusBarStyle = mergedEntries.statusBarStyle === "auto" ? autoBarStyle : mergedEntries.statusBarStyle === "inverted" ? invertedBarStyle : mergedEntries.statusBarStyle;
-      const navigationBarStyle = mergedEntries.navigationBarStyle === "auto" ? autoBarStyle : mergedEntries.navigationBarStyle === "inverted" ? invertedBarStyle : mergedEntries.navigationBarStyle;
       const {
         statusBarHidden,
         navigationBarHidden
       } = mergedEntries;
-      if (statusBarStyle !== currentMergedEntries.statusBarStyle) {
-        const style = toNativeBarStyle(statusBarStyle);
-        Platform.OS === "android" ? NativeModule?.setStatusBarStyle(style) : StatusBar.setBarStyle(style, true);
+      const statusBarStyle = resolveSystemBarStyle(mergedEntries.statusBarStyle);
+      const navigationBarStyle = resolveSystemBarStyle(mergedEntries.navigationBarStyle);
+      setStatusBarStyle(statusBarStyle);
+      setNavigationBarStyle(navigationBarStyle);
+      if (statusBarHidden != null) {
+        setStatusBarHidden(statusBarHidden);
       }
-      if (statusBarHidden !== currentMergedEntries.statusBarHidden) {
-        Platform.OS === "android" ? NativeModule?.setStatusBarHidden(statusBarHidden) : StatusBar.setHidden(statusBarHidden, "fade"); // 'slide' doesn't work in this context
+      if (navigationBarHidden != null) {
+        setNavigationBarHidden(navigationBarHidden);
       }
-      if (Platform.OS === "android") {
-        if (navigationBarStyle !== currentMergedEntries.navigationBarStyle) {
-          const style = toNativeBarStyle(navigationBarStyle);
-          NativeModule?.setNavigationBarStyle(style);
-        }
-        if (navigationBarHidden !== currentMergedEntries.navigationBarHidden) {
-          NativeModule?.setNavigationBarHidden(navigationBarHidden);
-        }
-      }
-      currentMergedEntries = {
-        statusBarStyle,
-        navigationBarStyle,
-        statusBarHidden,
-        navigationBarHidden
-      };
     });
   }
 }
 
 /**
- * Push a SystemBars entry onto the stack.
+ * Push a `SystemBars` entry onto the stack.
  * The return value should be passed to `popStackEntry` when complete.
  *
- * @param props Object containing the SystemBars props to use in the stack entry.
+ * @param props Object containing the `SystemBars` props to use in the stack entry.
  */
 function pushStackEntry(props) {
   const entry = createStackEntry(props);
@@ -113,7 +153,7 @@ function pushStackEntry(props) {
 }
 
 /**
- * Pop a SystemBars entry from the stack.
+ * Remove an existing `SystemBars` stack entry from the stack.
  *
  * @param entry Entry returned from `pushStackEntry`.
  */
@@ -126,10 +166,10 @@ function popStackEntry(entry) {
 }
 
 /**
- * Replace an existing SystemBars stack entry with new props.
+ * Replace an existing `SystemBars` stack entry with new props.
  *
  * @param entry Entry returned from `pushStackEntry` to replace.
- * @param props Object containing the SystemBars props to use in the replacement stack entry.
+ * @param props Object containing the `SystemBars` props to use in the replacement stack entry.
  */
 function replaceStackEntry(entry, props) {
   const newEntry = createStackEntry(props);
@@ -140,14 +180,52 @@ function replaceStackEntry(entry, props) {
   updateEntriesStack();
   return newEntry;
 }
-export function SystemBars({
-  hidden,
-  style
-}) {
-  const statusBarStyle = typeof style === "string" ? style : style?.statusBar;
-  const navigationBarStyle = typeof style === "string" ? style : style?.navigationBar;
-  const statusBarHidden = typeof hidden === "boolean" ? hidden : hidden?.statusBar;
-  const navigationBarHidden = typeof hidden === "boolean" ? hidden : hidden?.navigationBar;
+
+/**
+ * Set the system bars style.
+ *
+ * @param style System bars style to set.
+ */
+function setStyle(style) {
+  const props = resolveProps({
+    style
+  });
+  const statusBarStyle = resolveSystemBarStyle(props.statusBarStyle);
+  const navigationBarStyle = resolveSystemBarStyle(props.navigationBarStyle);
+  if (typeof statusBarStyle === "string") {
+    setStatusBarStyle(statusBarStyle);
+  }
+  if (typeof navigationBarStyle === "string") {
+    setNavigationBarStyle(navigationBarStyle);
+  }
+}
+
+/**
+ * Show or hide the system bars.
+ *
+ * @param hidden Hide the system bars.
+ */
+function setHidden(hidden) {
+  const {
+    statusBarHidden,
+    navigationBarHidden
+  } = resolveProps({
+    hidden
+  });
+  if (typeof statusBarHidden === "boolean") {
+    setStatusBarHidden(statusBarHidden);
+  }
+  if (typeof navigationBarHidden === "boolean") {
+    setNavigationBarHidden(navigationBarHidden);
+  }
+}
+export function SystemBars(props) {
+  const {
+    statusBarStyle,
+    navigationBarStyle,
+    statusBarHidden,
+    navigationBarHidden
+  } = resolveProps(props);
   const stableProps = useMemo(() => ({
     style: statusBarStyle === navigationBarStyle ? statusBarStyle : {
       statusBar: statusBarStyle,
@@ -184,4 +262,6 @@ export function SystemBars({
 SystemBars.pushStackEntry = pushStackEntry;
 SystemBars.popStackEntry = popStackEntry;
 SystemBars.replaceStackEntry = replaceStackEntry;
+SystemBars.setStyle = setStyle;
+SystemBars.setHidden = setHidden;
 //# sourceMappingURL=SystemBars.js.map

package/dist/module/SystemBars.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useRef","Appearance","Platform","StatusBar","useColorScheme","NativeModule","getColorScheme","toNativeBarStyle","style","mergeEntriesStack","entriesStack","reduce","prev","cur","prop","statusBarStyle","undefined","navigationBarStyle","statusBarHidden","navigationBarHidden","createStackEntry","props","statusBar","navigationBar","hidden","updateImmediate","currentMergedEntries","updateEntriesStack","OS","clearImmediate","setImmediate","isLightColorScheme","autoBarStyle","invertedBarStyle","mergedEntries","setStatusBarStyle","setBarStyle","setStatusBarHidden","setHidden","setNavigationBarStyle","setNavigationBarHidden","pushStackEntry","entry","push","popStackEntry","index","indexOf","splice","replaceStackEntry","newEntry","SystemBars","stableProps","colorScheme","stackEntryRef","current"],"sourceRoot":"../../src","sources":["SystemBars.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","Appearance","Platform","StatusBar","useColorScheme","NativeModule","isLightColorScheme","colorScheme","getColorScheme","resolveSystemBarStyle","style","toNativeBarStyle","mergeEntriesStack","entriesStack","reduce","prev","cur","prop","statusBarStyle","undefined","navigationBarStyle","statusBarHidden","navigationBarHidden","resolveProps","hidden","compactStyle","compactHidden","statusBar","navigationBar","createStackEntry","props","updateImmediate","currentValues","setStatusBarStyle","nativeStyle","OS","setBarStyle","setNavigationBarStyle","setStatusBarHidden","setHidden","setNavigationBarHidden","updateEntriesStack","clearImmediate","setImmediate","mergedEntries","pushStackEntry","entry","push","popStackEntry","index","indexOf","splice","replaceStackEntry","newEntry","setStyle","SystemBars","stableProps","stackEntryRef","current"],"sourceRoot":"../../src","sources":["SystemBars.ts"],"mappings":"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","ignoreList":[]}

package/dist/typescript/SystemBars.d.ts

@@ -1,8 +1,10 @@
 import { SystemBarsEntry, SystemBarsProps } from "./types";
-export declare function SystemBars({ hidden, style }: SystemBarsProps): null;
+export declare function SystemBars(props: SystemBarsProps): null;
 export declare namespace SystemBars {
     var pushStackEntry: (props: SystemBarsProps) => SystemBarsEntry;
     var popStackEntry: (entry: SystemBarsEntry) => void;
     var replaceStackEntry: (entry: SystemBarsEntry, props: SystemBarsProps) => SystemBarsEntry;
+    var setStyle: (style: SystemBarsProps["style"]) => void;
+    var setHidden: (hidden: SystemBarsProps["hidden"]) => void;
 }
 //# sourceMappingURL=SystemBars.d.ts.map

package/dist/typescript/SystemBars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemBars.d.ts","sourceRoot":"","sources":["../../src/SystemBars.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AAkM3E,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,eAAe,QAoD5D;yBApDe,UAAU;gCAvCK,eAAe,KAAG,eAAe;+BAYlC,eAAe,KAAG,IAAI;mCAe3C,eAAe,SACf,eAAe,KACrB,eAAe"}
+{"version":3,"file":"SystemBars.d.ts","sourceRoot":"","sources":["../../src/SystemBars.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AA6P3E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,QAmDhD;yBAnDe,UAAU;gCA1EK,eAAe,KAAG,eAAe;+BAYlC,eAAe,KAAG,IAAI;mCAe3C,eAAe,SACf,eAAe,KACrB,eAAe;0BAeO,eAAe,CAAC,OAAO,CAAC;4BAmBtB,eAAe,CAAC,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-edge-to-edge",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "license": "MIT",
   "description": "Effortlessly enable edge-to-edge display in React Native",
   "author": "Mathieu Acthernoene <zoontek@gmail.com>",
@@ -63,9 +63,9 @@
     "prettier": "^3.5.3",
     "prettier-plugin-organize-imports": "^4.1.0",
     "react": "19.0.0",
-    "react-native": "0.78.1",
-    "react-native-builder-bob": "^0.38.4",
-    "typescript": "^5.8.2"
+    "react-native": "0.79.0",
+    "react-native-builder-bob": "^0.40.6",
+    "typescript": "^5.8.3"
   },
   "codegenConfig": {
     "name": "RNEdgeToEdge",

package/src/SystemBars.ts

@@ -3,14 +3,28 @@ import { Appearance, Platform, StatusBar, useColorScheme } from "react-native";
 import NativeModule from "./specs/NativeEdgeToEdgeModule";
 import { SystemBarsEntry, SystemBarsProps, SystemBarStyle } from "./types";
 
-type MergeableBarStyle = "light" | "dark" | undefined;
+type ResolvedBarStyle = "light" | "dark" | undefined;
 
-function getColorScheme(): "light" | "dark" {
-  return Appearance?.getColorScheme() ?? "light";
+function isLightColorScheme() {
+  const colorScheme = Appearance?.getColorScheme() ?? "light";
+  return colorScheme === "light";
+}
+
+function resolveSystemBarStyle(
+  style: SystemBarStyle | undefined,
+): ResolvedBarStyle {
+  switch (style) {
+    case "auto":
+      return isLightColorScheme() ? "dark" : "light";
+    case "inverted":
+      return isLightColorScheme() ? "light" : "dark";
+    default:
+      return style;
+  }
 }
 
 function toNativeBarStyle(
-  style: MergeableBarStyle,
+  style: ResolvedBarStyle,
 ): "default" | "light-content" | "dark-content" {
   return style === "light" || style === "dark" ? `${style}-content` : "default";
 }
@@ -22,8 +36,8 @@ function mergeEntriesStack(entriesStack: SystemBarsEntry[]) {
   return entriesStack.reduce<{
     statusBarStyle: SystemBarStyle | undefined;
     navigationBarStyle: SystemBarStyle | undefined;
-    statusBarHidden: boolean;
-    navigationBarHidden: boolean;
+    statusBarHidden: boolean | undefined;
+    navigationBarHidden: boolean | undefined;
   }>(
     (prev, cur) => {
       for (const prop in cur) {
@@ -37,32 +51,29 @@ function mergeEntriesStack(entriesStack: SystemBarsEntry[]) {
     {
       statusBarStyle: undefined,
       navigationBarStyle: undefined,
-      statusBarHidden: false,
-      navigationBarHidden: false,
+      statusBarHidden: undefined,
+      navigationBarHidden: undefined,
     },
   );
 }
 
+function resolveProps({ hidden, style }: SystemBarsProps) {
+  const compactStyle = typeof style === "string";
+  const compactHidden = typeof hidden === "boolean";
+
+  return {
+    statusBarStyle: compactStyle ? style : style?.statusBar,
+    navigationBarStyle: compactStyle ? style : style?.navigationBar,
+    statusBarHidden: compactHidden ? hidden : hidden?.statusBar,
+    navigationBarHidden: compactHidden ? hidden : hidden?.navigationBar,
+  };
+}
+
 /**
  * Returns an object to insert in the props stack from the props.
  */
 function createStackEntry(props: SystemBarsProps): SystemBarsEntry {
-  return {
-    statusBarStyle:
-      typeof props.style === "string" ? props.style : props.style?.statusBar,
-    navigationBarStyle:
-      typeof props.style === "string"
-        ? props.style
-        : props.style?.navigationBar,
-    statusBarHidden:
-      typeof props.hidden === "boolean"
-        ? props.hidden
-        : props.hidden?.statusBar,
-    navigationBarHidden:
-      typeof props.hidden === "boolean"
-        ? props.hidden
-        : props.hidden?.navigationBar,
-  };
+  return resolveProps(props);
 }
 
 const entriesStack: SystemBarsEntry[] = [];
@@ -71,18 +82,65 @@ const entriesStack: SystemBarsEntry[] = [];
 let updateImmediate: NodeJS.Immediate | null = null;
 
 // The current merged values from the entries stack.
-let currentMergedEntries: {
-  statusBarStyle: MergeableBarStyle;
-  navigationBarStyle: MergeableBarStyle;
-  statusBarHidden: boolean;
-  navigationBarHidden: boolean;
+const currentValues: {
+  statusBarStyle: ResolvedBarStyle;
+  navigationBarStyle: ResolvedBarStyle;
+  statusBarHidden: boolean | undefined;
+  navigationBarHidden: boolean | undefined;
 } = {
   statusBarStyle: undefined,
   navigationBarStyle: undefined,
-  statusBarHidden: false,
-  navigationBarHidden: false,
+  statusBarHidden: undefined,
+  navigationBarHidden: undefined,
 };
 
+function setStatusBarStyle(style: ResolvedBarStyle) {
+  if (style !== currentValues.statusBarStyle) {
+    currentValues.statusBarStyle = style;
+
+    const nativeStyle = toNativeBarStyle(style);
+
+    if (Platform.OS === "android") {
+      NativeModule?.setStatusBarStyle(nativeStyle);
+    } else if (Platform.OS === "ios") {
+      StatusBar.setBarStyle(nativeStyle, true);
+    }
+  }
+}
+
+function setNavigationBarStyle(style: ResolvedBarStyle) {
+  if (style !== currentValues.navigationBarStyle) {
+    currentValues.navigationBarStyle = style;
+
+    if (Platform.OS === "android") {
+      const nativeStyle = toNativeBarStyle(style);
+      NativeModule?.setNavigationBarStyle(nativeStyle);
+    }
+  }
+}
+
+function setStatusBarHidden(hidden: boolean) {
+  if (hidden !== currentValues.statusBarHidden) {
+    currentValues.statusBarHidden = hidden;
+
+    if (Platform.OS === "android") {
+      NativeModule?.setStatusBarHidden(hidden);
+    } else if (Platform.OS === "ios") {
+      StatusBar.setHidden(hidden, "fade"); // 'slide' doesn't work in this context
+    }
+  }
+}
+
+function setNavigationBarHidden(hidden: boolean) {
+  if (hidden !== currentValues.navigationBarHidden) {
+    currentValues.navigationBarHidden = hidden;
+
+    if (Platform.OS === "android") {
+      NativeModule?.setNavigationBarHidden(hidden);
+    }
+  }
+}
+
 /**
  * Updates the native system bars with the entries from the stack.
  */
@@ -93,68 +151,34 @@ function updateEntriesStack() {
     }
 
     updateImmediate = setImmediate(() => {
-      const isLightColorScheme = getColorScheme() === "light";
-      const autoBarStyle = isLightColorScheme ? "dark" : "light";
-      const invertedBarStyle = isLightColorScheme ? "light" : "dark";
-
       const mergedEntries = mergeEntriesStack(entriesStack);
-
-      const statusBarStyle: MergeableBarStyle =
-        mergedEntries.statusBarStyle === "auto"
-          ? autoBarStyle
-          : mergedEntries.statusBarStyle === "inverted"
-            ? invertedBarStyle
-            : mergedEntries.statusBarStyle;
-
-      const navigationBarStyle: MergeableBarStyle =
-        mergedEntries.navigationBarStyle === "auto"
-          ? autoBarStyle
-          : mergedEntries.navigationBarStyle === "inverted"
-            ? invertedBarStyle
-            : mergedEntries.navigationBarStyle;
-
       const { statusBarHidden, navigationBarHidden } = mergedEntries;
 
-      if (statusBarStyle !== currentMergedEntries.statusBarStyle) {
-        const style = toNativeBarStyle(statusBarStyle);
+      const statusBarStyle = resolveSystemBarStyle(
+        mergedEntries.statusBarStyle,
+      );
+      const navigationBarStyle = resolveSystemBarStyle(
+        mergedEntries.navigationBarStyle,
+      );
 
-        Platform.OS === "android"
-          ? NativeModule?.setStatusBarStyle(style)
-          : StatusBar.setBarStyle(style, true);
-      }
+      setStatusBarStyle(statusBarStyle);
+      setNavigationBarStyle(navigationBarStyle);
 
-      if (statusBarHidden !== currentMergedEntries.statusBarHidden) {
-        Platform.OS === "android"
-          ? NativeModule?.setStatusBarHidden(statusBarHidden)
-          : StatusBar.setHidden(statusBarHidden, "fade"); // 'slide' doesn't work in this context
+      if (statusBarHidden != null) {
+        setStatusBarHidden(statusBarHidden);
       }
-
-      if (Platform.OS === "android") {
-        if (navigationBarStyle !== currentMergedEntries.navigationBarStyle) {
-          const style = toNativeBarStyle(navigationBarStyle);
-          NativeModule?.setNavigationBarStyle(style);
-        }
-
-        if (navigationBarHidden !== currentMergedEntries.navigationBarHidden) {
-          NativeModule?.setNavigationBarHidden(navigationBarHidden);
-        }
+      if (navigationBarHidden != null) {
+        setNavigationBarHidden(navigationBarHidden);
       }
-
-      currentMergedEntries = {
-        statusBarStyle,
-        navigationBarStyle,
-        statusBarHidden,
-        navigationBarHidden,
-      };
     });
   }
 }
 
 /**
- * Push a SystemBars entry onto the stack.
+ * Push a `SystemBars` entry onto the stack.
  * The return value should be passed to `popStackEntry` when complete.
  *
- * @param props Object containing the SystemBars props to use in the stack entry.
+ * @param props Object containing the `SystemBars` props to use in the stack entry.
  */
 function pushStackEntry(props: SystemBarsProps): SystemBarsEntry {
   const entry = createStackEntry(props);
@@ -164,7 +188,7 @@ function pushStackEntry(props: SystemBarsProps): SystemBarsEntry {
 }
 
 /**
- * Pop a SystemBars entry from the stack.
+ * Remove an existing `SystemBars` stack entry from the stack.
  *
  * @param entry Entry returned from `pushStackEntry`.
  */
@@ -177,10 +201,10 @@ function popStackEntry(entry: SystemBarsEntry): void {
 }
 
 /**
- * Replace an existing SystemBars stack entry with new props.
+ * Replace an existing `SystemBars` stack entry with new props.
  *
  * @param entry Entry returned from `pushStackEntry` to replace.
- * @param props Object containing the SystemBars props to use in the replacement stack entry.
+ * @param props Object containing the `SystemBars` props to use in the replacement stack entry.
  */
 function replaceStackEntry(
   entry: SystemBarsEntry,
@@ -195,14 +219,48 @@ function replaceStackEntry(
   return newEntry;
 }
 
-export function SystemBars({ hidden, style }: SystemBarsProps) {
-  const statusBarStyle = typeof style === "string" ? style : style?.statusBar;
-  const navigationBarStyle =
-    typeof style === "string" ? style : style?.navigationBar;
-  const statusBarHidden =
-    typeof hidden === "boolean" ? hidden : hidden?.statusBar;
-  const navigationBarHidden =
-    typeof hidden === "boolean" ? hidden : hidden?.navigationBar;
+/**
+ * Set the system bars style.
+ *
+ * @param style System bars style to set.
+ */
+function setStyle(style: SystemBarsProps["style"]) {
+  const props = resolveProps({ style });
+
+  const statusBarStyle = resolveSystemBarStyle(props.statusBarStyle);
+  const navigationBarStyle = resolveSystemBarStyle(props.navigationBarStyle);
+
+  if (typeof statusBarStyle === "string") {
+    setStatusBarStyle(statusBarStyle);
+  }
+  if (typeof navigationBarStyle === "string") {
+    setNavigationBarStyle(navigationBarStyle);
+  }
+}
+
+/**
+ * Show or hide the system bars.
+ *
+ * @param hidden Hide the system bars.
+ */
+function setHidden(hidden: SystemBarsProps["hidden"]) {
+  const { statusBarHidden, navigationBarHidden } = resolveProps({ hidden });
+
+  if (typeof statusBarHidden === "boolean") {
+    setStatusBarHidden(statusBarHidden);
+  }
+  if (typeof navigationBarHidden === "boolean") {
+    setNavigationBarHidden(navigationBarHidden);
+  }
+}
+
+export function SystemBars(props: SystemBarsProps) {
+  const {
+    statusBarStyle,
+    navigationBarStyle,
+    statusBarHidden,
+    navigationBarHidden,
+  } = resolveProps(props);
 
   const stableProps = useMemo<SystemBarsProps>(
     () => ({
@@ -252,3 +310,5 @@ export function SystemBars({ hidden, style }: SystemBarsProps) {
 SystemBars.pushStackEntry = pushStackEntry;
 SystemBars.popStackEntry = popStackEntry;
 SystemBars.replaceStackEntry = replaceStackEntry;
+SystemBars.setStyle = setStyle;
+SystemBars.setHidden = setHidden;