expo-navigation-bar 4.1.3 → 4.2.1

package/build/NavigationBar.js

@@ -1,15 +1,5 @@
-import { Platform, UnavailabilityError } from 'expo-modules-core';
+import { UnavailabilityError } from 'expo-modules-core';
 import { useEffect, useState } from 'react';
-import { processColor } from 'react-native';
-import { isEdgeToEdge } from 'react-native-is-edge-to-edge';
-import ExpoNavigationBar from './ExpoNavigationBar';
-let shouldWarnAboutEdgeToEdge = Platform.OS === 'android' && isEdgeToEdge();
-function potentiallyWarnAboutEdgeToEdge() {
-    if (shouldWarnAboutEdgeToEdge) {
-        shouldWarnAboutEdgeToEdge = false; // warn once
-        console.warn('Using expo-navigation-bar in apps with edge-to-edge layout enabled may cause unexpected behavior. Instead, use the SystemBars component from react-native-edge-to-edge. Learn more: https://expo.fyi/edge-to-edge-system-bars');
-    }
-}
 /**
  * Observe changes to the system navigation bar.
  * Due to platform constraints, this callback will also be triggered when the status bar visibility changes.
@@ -22,18 +12,13 @@ function potentiallyWarnAboutEdgeToEdge() {
  * ```
  */
 export function addVisibilityListener(listener) {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    // Assert so the type is non-nullable.
-    if (!ExpoNavigationBar.addListener) {
-        throw new UnavailabilityError('NavigationBar', 'addVisibilityListener');
-    }
-    return ExpoNavigationBar.addListener('ExpoNavigationBar.didChange', listener);
+    throw new UnavailabilityError('NavigationBar', 'addVisibilityListener');
 }
 /**
  * Changes the navigation bar's background color.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * NavigationBar.setBackgroundColorAsync("white");
@@ -41,38 +26,29 @@ export function addVisibilityListener(listener) {
  * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).
  */
 export async function setBackgroundColorAsync(color) {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`setBackgroundColorAsync` is only available on Android');
-        return;
-    }
-    const colorNumber = processColor(color);
-    return await ExpoNavigationBar.setBackgroundColorAsync(colorNumber);
+    console.warn('`setBackgroundColorAsync` is only available on Android');
 }
 /**
  * Gets the navigation bar's background color.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * const color = await NavigationBar.getBackgroundColorAsync();
  * ```
  * @returns Current navigation bar color in hex format. Returns `#00000000` (transparent) on unsupported platforms (iOS, web).
+ *
  */
 export async function getBackgroundColorAsync() {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`getBackgroundColorAsync` is only available on Android');
-        return `#00000000`;
-    }
-    return await ExpoNavigationBar.getBackgroundColorAsync();
+    console.warn('`getBackgroundColorAsync` is only available on Android');
+    return `#00000000`;
 }
 /**
  * Changes the navigation bar's border color.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * NavigationBar.setBorderColorAsync("red");
@@ -80,19 +56,13 @@ export async function getBackgroundColorAsync() {
  * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).
  */
 export async function setBorderColorAsync(color) {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`setBorderColorAsync` is only available on Android');
-        return;
-    }
-    const colorNumber = processColor(color);
-    await ExpoNavigationBar.setBorderColorAsync(colorNumber);
+    console.warn('`setBorderColorAsync` is only available on Android');
 }
 /**
  * Gets the navigation bar's top border color, also known as the "divider color".
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * const color = await NavigationBar.getBorderColorAsync();
@@ -100,14 +70,8 @@ export async function setBorderColorAsync(color) {
  * @returns Navigation bar top border color in hex format. Returns `#00000000` (transparent) on unsupported platforms (iOS, web).
  */
 export async function getBorderColorAsync() {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`getBorderColorAsync` is only available on Android');
-        return `#00000000`;
-    }
-    return await ExpoNavigationBar.getBorderColorAsync();
+    console.warn('`getBorderColorAsync` is only available on Android');
+    return `#00000000`;
 }
 /**
  * Set the navigation bar's visibility.
@@ -117,20 +81,15 @@ export async function getBorderColorAsync() {
  * NavigationBar.setVisibilityAsync("hidden");
  * ```
  * @param visibility Based on CSS visibility property.
+ * @platform android
  */
 export async function setVisibilityAsync(visibility) {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`setVisibilityAsync` is only available on Android');
-        return;
-    }
-    await ExpoNavigationBar.setVisibilityAsync(visibility);
+    console.warn('`setVisibilityAsync` is only available on Android');
 }
 /**
  * Get the navigation bar's visibility.
  *
+ *
  * @example
  * ```ts
  * const visibility = await NavigationBar.getVisibilityAsync("hidden");
@@ -138,18 +97,14 @@ export async function setVisibilityAsync(visibility) {
  * @returns Navigation bar's current visibility status. Returns `hidden` on unsupported platforms (iOS, web).
  */
 export async function getVisibilityAsync() {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`getVisibilityAsync` is only available on Android');
-        return 'hidden';
-    }
-    return ExpoNavigationBar.getVisibilityAsync();
+    console.warn('`getVisibilityAsync` is only available on Android');
+    return 'hidden';
 }
 /**
  * Changes the navigation bar's button colors between white (`light`) and a dark gray color (`dark`).
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * NavigationBar.setButtonStyleAsync("light");
@@ -157,18 +112,13 @@ export async function getVisibilityAsync() {
  * @param style Dictates the color of the foreground element color.
  */
 export async function setButtonStyleAsync(style) {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`setButtonStyleAsync` is only available on Android');
-        return;
-    }
-    await ExpoNavigationBar.setButtonStyleAsync(style);
+    console.warn('`setButtonStyleAsync` is only available on Android');
 }
 /**
  * Gets the navigation bar's button color styles.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * const style = await NavigationBar.getButtonStyleAsync();
@@ -176,14 +126,8 @@ export async function setButtonStyleAsync(style) {
  * @returns Navigation bar foreground element color settings. Returns `light` on unsupported platforms (iOS, web).
  */
 export async function getButtonStyleAsync() {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`getButtonStyleAsync` is only available on Android');
-        return 'light';
-    }
-    return await ExpoNavigationBar.getButtonStyleAsync();
+    console.warn('`getButtonStyleAsync` is only available on Android');
+    return 'light';
 }
 /**
  * Sets positioning method used for the navigation bar (and status bar).
@@ -192,6 +136,8 @@ export async function getButtonStyleAsync() {
  *
  * When drawing behind the status and navigation bars, ensure the safe area insets are adjusted accordingly.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * // enables edge-to-edge mode
@@ -202,14 +148,7 @@ export async function getButtonStyleAsync() {
  * @param position Based on CSS position property.
  */
 export async function setPositionAsync(position) {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`setPositionAsync` is only available on Android');
-        return;
-    }
-    await ExpoNavigationBar.setPositionAsync(position);
+    console.warn('`setPositionAsync` is only available on Android');
 }
 /**
  * Whether the navigation and status bars float above the app (absolute) or sit inline with it (relative).
@@ -218,6 +157,8 @@ export async function setPositionAsync(position) {
  * This method is unstable because the position can be set via another native module and get out of sync.
  * Alternatively, you can get the position by measuring the insets returned by `react-native-safe-area-context`.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * await NavigationBar.unstable_getPositionAsync()
@@ -225,14 +166,8 @@ export async function setPositionAsync(position) {
  * @returns Navigation bar positional rendering mode. Returns `relative` on unsupported platforms (iOS, web).
  */
 export async function unstable_getPositionAsync() {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`unstable_getPositionAsync` is only available on Android');
-        return 'relative';
-    }
-    return await ExpoNavigationBar.unstable_getPositionAsync();
+    console.warn('`unstable_getPositionAsync` is only available on Android');
+    return 'relative';
 }
 /**
  * Sets the behavior of the status bar and navigation bar when they are hidden and the user wants to reveal them.
@@ -244,6 +179,8 @@ export async function unstable_getPositionAsync() {
  * - `'inset-swipe'`: Reveals the System UI after a swipe gesture (bottom or top) and insets your App's content (Safe Area). The System UI is visible until you explicitly hide it again.
  * - `'inset-touch'`: Reveals the System UI after a touch anywhere on the screen and insets your App's content (Safe Area). The System UI is visible until you explicitly hide it again.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * await NavigationBar.setBehaviorAsync('overlay-swipe')
@@ -251,18 +188,13 @@ export async function unstable_getPositionAsync() {
  * @param behavior Dictates the interaction behavior of the navigation bar.
  */
 export async function setBehaviorAsync(behavior) {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`setBehaviorAsync` is only available on Android');
-        return;
-    }
-    return await ExpoNavigationBar.setBehaviorAsync(behavior);
+    console.warn('`setBehaviorAsync` is only available on Android');
 }
 /**
  * Gets the behavior of the status and navigation bars when the user swipes or touches the screen.
  *
+ * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.
+ *
  * @example
  * ```ts
  * await NavigationBar.getBehaviorAsync()
@@ -270,14 +202,22 @@ export async function setBehaviorAsync(behavior) {
  * @returns Navigation bar interaction behavior. Returns `inset-touch` on unsupported platforms (iOS, web).
  */
 export async function getBehaviorAsync() {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
-    if (Platform.OS !== 'android') {
-        console.warn('`getBehaviorAsync` is only available on Android');
-        return 'inset-touch';
-    }
-    return await ExpoNavigationBar.getBehaviorAsync();
+    console.warn('`getBehaviorAsync` is only available on Android');
+    return 'inset-touch';
+}
+/**
+ * Sets the style of the navigation bar.
+ * > This will have an effect when the following conditions are met:
+ * > - Edge-to-edge is enabled
+ * > - The `enforceNavigationBarContrast` option of the `react-native-edge-to-edge` plugin is set to `false`.
+ * > - The device is using the three-button navigation bar.
+ *
+ * > Due to a bug in the Android 15 emulator this function may have no effect. Try a physical device or an emulator with a different version of Android.
+ *
+ * @platform android
+ */
+export function setStyle(style) {
+    console.warn('`setStyle` method is only available on Android');
 }
 /**
  * React hook that statefully updates with the visibility of the system navigation bar.
@@ -292,30 +232,9 @@ export async function getBehaviorAsync() {
  * @returns Visibility of the navigation bar, `null` during async initialization.
  */
 export function useVisibility() {
-    if (__DEV__) {
-        potentiallyWarnAboutEdgeToEdge();
-    }
     const [visibility, setVisible] = useState(null);
     useEffect(() => {
-        let isMounted = true;
-        if (Platform.OS !== 'android') {
-            setVisible('hidden');
-            return;
-        }
-        getVisibilityAsync().then((visibility) => {
-            if (isMounted) {
-                setVisible(visibility);
-            }
-        });
-        const listener = addVisibilityListener(({ visibility }) => {
-            if (isMounted) {
-                setVisible(visibility);
-            }
-        });
-        return () => {
-            listener.remove();
-            isMounted = false;
-        };
+        setVisible('hidden');
     }, []);
     return visibility;
 }

package/build/NavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../src/NavigationBar.ts"],"names":[],"mappings":"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","sourcesContent":["import { Platform, type EventSubscription, UnavailabilityError } from 'expo-modules-core';\nimport { useEffect, useState } from 'react';\nimport { processColor } from 'react-native';\nimport { isEdgeToEdge } from 'react-native-is-edge-to-edge';\n\nimport ExpoNavigationBar from './ExpoNavigationBar';\nimport {\n  NavigationBarButtonStyle,\n  NavigationBarBehavior,\n  NavigationBarPosition,\n  NavigationBarVisibility,\n  NavigationBarVisibilityEvent,\n} from './NavigationBar.types';\n\nlet shouldWarnAboutEdgeToEdge = Platform.OS === 'android' && isEdgeToEdge();\n\nfunction potentiallyWarnAboutEdgeToEdge() {\n  if (shouldWarnAboutEdgeToEdge) {\n    shouldWarnAboutEdgeToEdge = false; // warn once\n    console.warn(\n      'Using expo-navigation-bar in apps with edge-to-edge layout enabled may cause unexpected behavior. Instead, use the SystemBars component from react-native-edge-to-edge. Learn more: https://expo.fyi/edge-to-edge-system-bars'\n    );\n  }\n}\n\n/**\n * Observe changes to the system navigation bar.\n * Due to platform constraints, this callback will also be triggered when the status bar visibility changes.\n *\n * @example\n * ```ts\n * NavigationBar.addVisibilityListener(({ visibility }) => {\n *   // ...\n * });\n * ```\n */\nexport function addVisibilityListener(\n  listener: (event: NavigationBarVisibilityEvent) => void\n): EventSubscription {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  // Assert so the type is non-nullable.\n  if (!ExpoNavigationBar.addListener) {\n    throw new UnavailabilityError('NavigationBar', 'addVisibilityListener');\n  }\n  return ExpoNavigationBar.addListener('ExpoNavigationBar.didChange', listener);\n}\n\n/**\n * Changes the navigation bar's background color.\n *\n * @example\n * ```ts\n * NavigationBar.setBackgroundColorAsync(\"white\");\n * ```\n * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).\n */\nexport async function setBackgroundColorAsync(color: string): Promise<void> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`setBackgroundColorAsync` is only available on Android');\n    return;\n  }\n  const colorNumber = processColor(color);\n  return await ExpoNavigationBar.setBackgroundColorAsync(colorNumber);\n}\n\n/**\n * Gets the navigation bar's background color.\n *\n * @example\n * ```ts\n * const color = await NavigationBar.getBackgroundColorAsync();\n * ```\n * @returns Current navigation bar color in hex format. Returns `#00000000` (transparent) on unsupported platforms (iOS, web).\n */\nexport async function getBackgroundColorAsync(): Promise<string> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`getBackgroundColorAsync` is only available on Android');\n    return `#00000000`;\n  }\n  return await ExpoNavigationBar.getBackgroundColorAsync();\n}\n\n/**\n * Changes the navigation bar's border color.\n *\n * @example\n * ```ts\n * NavigationBar.setBorderColorAsync(\"red\");\n * ```\n * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).\n */\nexport async function setBorderColorAsync(color: string): Promise<void> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`setBorderColorAsync` is only available on Android');\n    return;\n  }\n  const colorNumber = processColor(color);\n  await ExpoNavigationBar.setBorderColorAsync(colorNumber);\n}\n\n/**\n * Gets the navigation bar's top border color, also known as the \"divider color\".\n *\n * @example\n * ```ts\n * const color = await NavigationBar.getBorderColorAsync();\n * ```\n * @returns Navigation bar top border color in hex format. Returns `#00000000` (transparent) on unsupported platforms (iOS, web).\n */\nexport async function getBorderColorAsync(): Promise<string> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`getBorderColorAsync` is only available on Android');\n    return `#00000000`;\n  }\n\n  return await ExpoNavigationBar.getBorderColorAsync();\n}\n\n/**\n * Set the navigation bar's visibility.\n *\n * @example\n * ```ts\n * NavigationBar.setVisibilityAsync(\"hidden\");\n * ```\n * @param visibility Based on CSS visibility property.\n */\nexport async function setVisibilityAsync(visibility: NavigationBarVisibility): Promise<void> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`setVisibilityAsync` is only available on Android');\n    return;\n  }\n  await ExpoNavigationBar.setVisibilityAsync(visibility);\n}\n\n/**\n * Get the navigation bar's visibility.\n *\n * @example\n * ```ts\n * const visibility = await NavigationBar.getVisibilityAsync(\"hidden\");\n * ```\n * @returns Navigation bar's current visibility status. Returns `hidden` on unsupported platforms (iOS, web).\n */\nexport async function getVisibilityAsync(): Promise<NavigationBarVisibility> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`getVisibilityAsync` is only available on Android');\n    return 'hidden';\n  }\n  return ExpoNavigationBar.getVisibilityAsync();\n}\n\n/**\n * Changes the navigation bar's button colors between white (`light`) and a dark gray color (`dark`).\n *\n * @example\n * ```ts\n * NavigationBar.setButtonStyleAsync(\"light\");\n * ```\n * @param style Dictates the color of the foreground element color.\n */\nexport async function setButtonStyleAsync(style: NavigationBarButtonStyle): Promise<void> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`setButtonStyleAsync` is only available on Android');\n    return;\n  }\n  await ExpoNavigationBar.setButtonStyleAsync(style);\n}\n\n/**\n * Gets the navigation bar's button color styles.\n *\n * @example\n * ```ts\n * const style = await NavigationBar.getButtonStyleAsync();\n * ```\n * @returns Navigation bar foreground element color settings. Returns `light` on unsupported platforms (iOS, web).\n */\nexport async function getButtonStyleAsync(): Promise<NavigationBarButtonStyle> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`getButtonStyleAsync` is only available on Android');\n    return 'light';\n  }\n  return await ExpoNavigationBar.getButtonStyleAsync();\n}\n\n/**\n * Sets positioning method used for the navigation bar (and status bar).\n * Setting position `absolute` will float the navigation bar above the content,\n * whereas position `relative` will shrink the screen to inline the navigation bar.\n *\n * When drawing behind the status and navigation bars, ensure the safe area insets are adjusted accordingly.\n *\n * @example\n * ```ts\n * // enables edge-to-edge mode\n * await NavigationBar.setPositionAsync('absolute')\n * // transparent backgrounds to see through\n * await NavigationBar.setBackgroundColorAsync('#ffffff00')\n * ```\n * @param position Based on CSS position property.\n */\nexport async function setPositionAsync(position: NavigationBarPosition): Promise<void> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`setPositionAsync` is only available on Android');\n    return;\n  }\n  await ExpoNavigationBar.setPositionAsync(position);\n}\n\n/**\n * Whether the navigation and status bars float above the app (absolute) or sit inline with it (relative).\n * This value can be incorrect if `androidNavigationBar.visible` is used instead of the config plugin `position` property.\n *\n * This method is unstable because the position can be set via another native module and get out of sync.\n * Alternatively, you can get the position by measuring the insets returned by `react-native-safe-area-context`.\n *\n * @example\n * ```ts\n * await NavigationBar.unstable_getPositionAsync()\n * ```\n * @returns Navigation bar positional rendering mode. Returns `relative` on unsupported platforms (iOS, web).\n */\nexport async function unstable_getPositionAsync(): Promise<NavigationBarPosition> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`unstable_getPositionAsync` is only available on Android');\n    return 'relative';\n  }\n  return await ExpoNavigationBar.unstable_getPositionAsync();\n}\n\n/**\n * Sets the behavior of the status bar and navigation bar when they are hidden and the user wants to reveal them.\n *\n * For example, if the navigation bar is hidden (`setVisibilityAsync(false)`) and the behavior\n * is `'overlay-swipe'`, the user can swipe from the bottom of the screen to temporarily reveal the navigation bar.\n *\n * - `'overlay-swipe'`: Temporarily reveals the System UI after a swipe gesture (bottom or top) without insetting your App's content.\n * - `'inset-swipe'`: Reveals the System UI after a swipe gesture (bottom or top) and insets your App's content (Safe Area). The System UI is visible until you explicitly hide it again.\n * - `'inset-touch'`: Reveals the System UI after a touch anywhere on the screen and insets your App's content (Safe Area). The System UI is visible until you explicitly hide it again.\n *\n * @example\n * ```ts\n * await NavigationBar.setBehaviorAsync('overlay-swipe')\n * ```\n * @param behavior Dictates the interaction behavior of the navigation bar.\n */\nexport async function setBehaviorAsync(behavior: NavigationBarBehavior): Promise<void> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`setBehaviorAsync` is only available on Android');\n    return;\n  }\n  return await ExpoNavigationBar.setBehaviorAsync(behavior);\n}\n\n/**\n * Gets the behavior of the status and navigation bars when the user swipes or touches the screen.\n *\n * @example\n * ```ts\n * await NavigationBar.getBehaviorAsync()\n * ```\n * @returns Navigation bar interaction behavior. Returns `inset-touch` on unsupported platforms (iOS, web).\n */\nexport async function getBehaviorAsync(): Promise<NavigationBarBehavior> {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n  if (Platform.OS !== 'android') {\n    console.warn('`getBehaviorAsync` is only available on Android');\n    return 'inset-touch';\n  }\n  return await ExpoNavigationBar.getBehaviorAsync();\n}\n\n/**\n * React hook that statefully updates with the visibility of the system navigation bar.\n *\n * @example\n * ```ts\n * function App() {\n *   const visibility = NavigationBar.useVisibility()\n *   // React Component...\n * }\n * ```\n * @returns Visibility of the navigation bar, `null` during async initialization.\n */\nexport function useVisibility(): NavigationBarVisibility | null {\n  if (__DEV__) {\n    potentiallyWarnAboutEdgeToEdge();\n  }\n\n  const [visibility, setVisible] = useState<NavigationBarVisibility | null>(null);\n\n  useEffect(() => {\n    let isMounted = true;\n    if (Platform.OS !== 'android') {\n      setVisible('hidden');\n      return;\n    }\n    getVisibilityAsync().then((visibility) => {\n      if (isMounted) {\n        setVisible(visibility);\n      }\n    });\n\n    const listener = addVisibilityListener(({ visibility }) => {\n      if (isMounted) {\n        setVisible(visibility);\n      }\n    });\n\n    return () => {\n      listener.remove();\n      isMounted = false;\n    };\n  }, []);\n\n  return visibility;\n}\n\nexport * from './NavigationBar.types';\n"]}
+{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../src/NavigationBar.ts"],"names":[],"mappings":"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","sourcesContent":["import { type EventSubscription, UnavailabilityError } from 'expo-modules-core';\nimport { useEffect, useState } from 'react';\n\nimport type {\n  NavigationBarBehavior,\n  NavigationBarButtonStyle,\n  NavigationBarPosition,\n  NavigationBarStyle,\n  NavigationBarVisibility,\n  NavigationBarVisibilityEvent,\n} from './NavigationBar.types';\n\n/**\n * Observe changes to the system navigation bar.\n * Due to platform constraints, this callback will also be triggered when the status bar visibility changes.\n *\n * @example\n * ```ts\n * NavigationBar.addVisibilityListener(({ visibility }) => {\n *   // ...\n * });\n * ```\n */\nexport function addVisibilityListener(\n  listener: (event: NavigationBarVisibilityEvent) => void\n): EventSubscription {\n  throw new UnavailabilityError('NavigationBar', 'addVisibilityListener');\n}\n\n/**\n * Changes the navigation bar's background color.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * NavigationBar.setBackgroundColorAsync(\"white\");\n * ```\n * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).\n */\nexport async function setBackgroundColorAsync(color: string): Promise<void> {\n  console.warn('`setBackgroundColorAsync` is only available on Android');\n}\n\n/**\n * Gets the navigation bar's background color.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * const color = await NavigationBar.getBackgroundColorAsync();\n * ```\n * @returns Current navigation bar color in hex format. Returns `#00000000` (transparent) on unsupported platforms (iOS, web).\n *\n */\nexport async function getBackgroundColorAsync(): Promise<string> {\n  console.warn('`getBackgroundColorAsync` is only available on Android');\n  return `#00000000`;\n}\n\n/**\n * Changes the navigation bar's border color.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * NavigationBar.setBorderColorAsync(\"red\");\n * ```\n * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).\n */\nexport async function setBorderColorAsync(color: string): Promise<void> {\n  console.warn('`setBorderColorAsync` is only available on Android');\n}\n\n/**\n * Gets the navigation bar's top border color, also known as the \"divider color\".\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * const color = await NavigationBar.getBorderColorAsync();\n * ```\n * @returns Navigation bar top border color in hex format. Returns `#00000000` (transparent) on unsupported platforms (iOS, web).\n */\nexport async function getBorderColorAsync(): Promise<string> {\n  console.warn('`getBorderColorAsync` is only available on Android');\n  return `#00000000`;\n}\n\n/**\n * Set the navigation bar's visibility.\n *\n * @example\n * ```ts\n * NavigationBar.setVisibilityAsync(\"hidden\");\n * ```\n * @param visibility Based on CSS visibility property.\n * @platform android\n */\nexport async function setVisibilityAsync(visibility: NavigationBarVisibility): Promise<void> {\n  console.warn('`setVisibilityAsync` is only available on Android');\n}\n\n/**\n * Get the navigation bar's visibility.\n *\n *\n * @example\n * ```ts\n * const visibility = await NavigationBar.getVisibilityAsync(\"hidden\");\n * ```\n * @returns Navigation bar's current visibility status. Returns `hidden` on unsupported platforms (iOS, web).\n */\nexport async function getVisibilityAsync(): Promise<NavigationBarVisibility> {\n  console.warn('`getVisibilityAsync` is only available on Android');\n  return 'hidden';\n}\n\n/**\n * Changes the navigation bar's button colors between white (`light`) and a dark gray color (`dark`).\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * NavigationBar.setButtonStyleAsync(\"light\");\n * ```\n * @param style Dictates the color of the foreground element color.\n */\nexport async function setButtonStyleAsync(style: NavigationBarButtonStyle): Promise<void> {\n  console.warn('`setButtonStyleAsync` is only available on Android');\n}\n\n/**\n * Gets the navigation bar's button color styles.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * const style = await NavigationBar.getButtonStyleAsync();\n * ```\n * @returns Navigation bar foreground element color settings. Returns `light` on unsupported platforms (iOS, web).\n */\nexport async function getButtonStyleAsync(): Promise<NavigationBarButtonStyle> {\n  console.warn('`getButtonStyleAsync` is only available on Android');\n  return 'light';\n}\n\n/**\n * Sets positioning method used for the navigation bar (and status bar).\n * Setting position `absolute` will float the navigation bar above the content,\n * whereas position `relative` will shrink the screen to inline the navigation bar.\n *\n * When drawing behind the status and navigation bars, ensure the safe area insets are adjusted accordingly.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * // enables edge-to-edge mode\n * await NavigationBar.setPositionAsync('absolute')\n * // transparent backgrounds to see through\n * await NavigationBar.setBackgroundColorAsync('#ffffff00')\n * ```\n * @param position Based on CSS position property.\n */\nexport async function setPositionAsync(position: NavigationBarPosition): Promise<void> {\n  console.warn('`setPositionAsync` is only available on Android');\n}\n\n/**\n * Whether the navigation and status bars float above the app (absolute) or sit inline with it (relative).\n * This value can be incorrect if `androidNavigationBar.visible` is used instead of the config plugin `position` property.\n *\n * This method is unstable because the position can be set via another native module and get out of sync.\n * Alternatively, you can get the position by measuring the insets returned by `react-native-safe-area-context`.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * await NavigationBar.unstable_getPositionAsync()\n * ```\n * @returns Navigation bar positional rendering mode. Returns `relative` on unsupported platforms (iOS, web).\n */\nexport async function unstable_getPositionAsync(): Promise<NavigationBarPosition> {\n  console.warn('`unstable_getPositionAsync` is only available on Android');\n  return 'relative';\n}\n\n/**\n * Sets the behavior of the status bar and navigation bar when they are hidden and the user wants to reveal them.\n *\n * For example, if the navigation bar is hidden (`setVisibilityAsync(false)`) and the behavior\n * is `'overlay-swipe'`, the user can swipe from the bottom of the screen to temporarily reveal the navigation bar.\n *\n * - `'overlay-swipe'`: Temporarily reveals the System UI after a swipe gesture (bottom or top) without insetting your App's content.\n * - `'inset-swipe'`: Reveals the System UI after a swipe gesture (bottom or top) and insets your App's content (Safe Area). The System UI is visible until you explicitly hide it again.\n * - `'inset-touch'`: Reveals the System UI after a touch anywhere on the screen and insets your App's content (Safe Area). The System UI is visible until you explicitly hide it again.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * await NavigationBar.setBehaviorAsync('overlay-swipe')\n * ```\n * @param behavior Dictates the interaction behavior of the navigation bar.\n */\nexport async function setBehaviorAsync(behavior: NavigationBarBehavior): Promise<void> {\n  console.warn('`setBehaviorAsync` is only available on Android');\n}\n\n/**\n * Gets the behavior of the status and navigation bars when the user swipes or touches the screen.\n *\n * > This method is supported only when edge-to-edge is disabled. Using it in edge-to-edge app may lead to unexpected behavior.\n *\n * @example\n * ```ts\n * await NavigationBar.getBehaviorAsync()\n * ```\n * @returns Navigation bar interaction behavior. Returns `inset-touch` on unsupported platforms (iOS, web).\n */\nexport async function getBehaviorAsync(): Promise<NavigationBarBehavior> {\n  console.warn('`getBehaviorAsync` is only available on Android');\n  return 'inset-touch';\n}\n\n/**\n * Sets the style of the navigation bar.\n * > This will have an effect when the following conditions are met:\n * > - Edge-to-edge is enabled\n * > - The `enforceNavigationBarContrast` option of the `react-native-edge-to-edge` plugin is set to `false`.\n * > - The device is using the three-button navigation bar.\n *\n * > Due to a bug in the Android 15 emulator this function may have no effect. Try a physical device or an emulator with a different version of Android.\n *\n * @platform android\n */\nexport function setStyle(style: NavigationBarStyle) {\n  console.warn('`setStyle` method is only available on Android');\n}\n\n/**\n * React hook that statefully updates with the visibility of the system navigation bar.\n *\n * @example\n * ```ts\n * function App() {\n *   const visibility = NavigationBar.useVisibility()\n *   // React Component...\n * }\n * ```\n * @returns Visibility of the navigation bar, `null` during async initialization.\n */\nexport function useVisibility(): NavigationBarVisibility | null {\n  const [visibility, setVisible] = useState<NavigationBarVisibility | null>(null);\n\n  useEffect(() => {\n    setVisible('hidden');\n  }, []);\n\n  return visibility;\n}\n\nexport * from './NavigationBar.types';\n"]}

package/build/NavigationBar.types.d.ts

@@ -30,4 +30,13 @@ export type NavigationBarVisibilityEvent = {
      */
     rawVisibility: number;
 };
+/**
+ * Navigation bar style.
+ *
+ * - `auto` will automatically adjust based on the current theme.
+ * - `light` a light navigation bar with dark content.
+ * - `dark` a dark navigation bar with light content.
+ * - `inverted` the bar colors are inverted in relation to the current theme.
+ */
+export type NavigationBarStyle = 'auto' | 'inverted' | 'light' | 'dark';
 //# sourceMappingURL=NavigationBar.types.d.ts.map

package/build/NavigationBar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.types.d.ts","sourceRoot":"","sources":["../src/NavigationBar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;AAEpF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,UAAU,EAAE,uBAAuB,CAAC;IACpC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC"}
+{"version":3,"file":"NavigationBar.types.d.ts","sourceRoot":"","sources":["../src/NavigationBar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;AAEpF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,UAAU,EAAE,uBAAuB,CAAC;IACpC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC"}

package/build/NavigationBar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.types.js","sourceRoot":"","sources":["../src/NavigationBar.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Appearance of the foreground elements in the navigation bar, i.e. the color of the menu, back, home button icons.\n *\n * - `dark` makes buttons **darker** to adjust for a mostly light nav bar.\n * - `light` makes buttons **lighter** to adjust for a mostly dark nav bar.\n */\nexport type NavigationBarButtonStyle = 'light' | 'dark';\n\n/**\n * Visibility of the navigation bar.\n */\nexport type NavigationBarVisibility = 'visible' | 'hidden';\n\n/**\n * Interaction behavior for the system navigation bar.\n */\nexport type NavigationBarBehavior = 'overlay-swipe' | 'inset-swipe' | 'inset-touch';\n\n/**\n * Navigation bar positional mode.\n */\nexport type NavigationBarPosition = 'relative' | 'absolute';\n\n/**\n * Current system UI visibility state. Due to platform constraints, this will return when the status bar visibility changes as well as the navigation bar.\n */\nexport type NavigationBarVisibilityEvent = {\n  /**\n   * Current navigation bar visibility.\n   */\n  visibility: NavigationBarVisibility;\n  /**\n   * Native Android system UI visibility state, returned from the native Android `setOnSystemUiVisibilityChangeListener` API.\n   */\n  rawVisibility: number;\n};\n"]}
+{"version":3,"file":"NavigationBar.types.js","sourceRoot":"","sources":["../src/NavigationBar.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Appearance of the foreground elements in the navigation bar, i.e. the color of the menu, back, home button icons.\n *\n * - `dark` makes buttons **darker** to adjust for a mostly light nav bar.\n * - `light` makes buttons **lighter** to adjust for a mostly dark nav bar.\n */\nexport type NavigationBarButtonStyle = 'light' | 'dark';\n\n/**\n * Visibility of the navigation bar.\n */\nexport type NavigationBarVisibility = 'visible' | 'hidden';\n\n/**\n * Interaction behavior for the system navigation bar.\n */\nexport type NavigationBarBehavior = 'overlay-swipe' | 'inset-swipe' | 'inset-touch';\n\n/**\n * Navigation bar positional mode.\n */\nexport type NavigationBarPosition = 'relative' | 'absolute';\n\n/**\n * Current system UI visibility state. Due to platform constraints, this will return when the status bar visibility changes as well as the navigation bar.\n */\nexport type NavigationBarVisibilityEvent = {\n  /**\n   * Current navigation bar visibility.\n   */\n  visibility: NavigationBarVisibility;\n  /**\n   * Native Android system UI visibility state, returned from the native Android `setOnSystemUiVisibilityChangeListener` API.\n   */\n  rawVisibility: number;\n};\n\n/**\n * Navigation bar style.\n *\n * - `auto` will automatically adjust based on the current theme.\n * - `light` a light navigation bar with dark content.\n * - `dark` a dark navigation bar with light content.\n * - `inverted` the bar colors are inverted in relation to the current theme.\n */\nexport type NavigationBarStyle = 'auto' | 'inverted' | 'light' | 'dark';\n"]}

package/expo-module.config.json

@@ -5,7 +5,7 @@
     "publication": {
       "groupId": "host.exp.exponent",
       "artifactId": "expo.modules.navigationbar",
-      "version": "4.1.3",
+      "version": "4.2.1",
       "repository": "local-maven-repo"
     }
   }

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/{4.1.3/expo.modules.navigationbar-4.1.3.module → 4.2.1/expo.modules.navigationbar-4.2.1.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "host.exp.exponent",
     "module": "expo.modules.navigationbar",
-    "version": "4.1.3",
+    "version": "4.2.1",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.navigationbar-4.1.3.aar",
-          "url": "expo.modules.navigationbar-4.1.3.aar",
+          "name": "expo.modules.navigationbar-4.2.1.aar",
+          "url": "expo.modules.navigationbar-4.2.1.aar",
           "size": 50116,
           "sha512": "9002413b7a09b940dda0ec41995b6fb09841f18ac5c64a81a149aa123d438487f1f5aaa072a0de7d54ad1e77712968d76502d4e745ea759defa83bce5edaecad",
           "sha256": "efc2da7015bb42d104de63aaafe098e547b290c00892881177100cff34bb1654",
@@ -67,8 +67,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.navigationbar-4.1.3.aar",
-          "url": "expo.modules.navigationbar-4.1.3.aar",
+          "name": "expo.modules.navigationbar-4.2.1.aar",
+          "url": "expo.modules.navigationbar-4.2.1.aar",
           "size": 50116,
           "sha512": "9002413b7a09b940dda0ec41995b6fb09841f18ac5c64a81a149aa123d438487f1f5aaa072a0de7d54ad1e77712968d76502d4e745ea759defa83bce5edaecad",
           "sha256": "efc2da7015bb42d104de63aaafe098e547b290c00892881177100cff34bb1654",
@@ -87,8 +87,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.navigationbar-4.1.3-sources.jar",
-          "url": "expo.modules.navigationbar-4.1.3-sources.jar",
+          "name": "expo.modules.navigationbar-4.2.1-sources.jar",
+          "url": "expo.modules.navigationbar-4.2.1-sources.jar",
           "size": 5746,
           "sha512": "b062a1e85ccee489c49a264c5809226a0215ba7b7232895127f45002b605e6d5beb5739a3fee2c3b88420721949d17adfbd9dc15aaadebecd940958c871a8e28",
           "sha256": "c396cf58026bd79f443df5992bd12db17586c7e3702f1ace4c3e3e65a066cf14",

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.module.md5

@@ -0,0 +1 @@
+eed6a5bfd357277ece058cb3ce576447

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.module.sha1

@@ -0,0 +1 @@
+c06798b841a6ceac6728b0a9441f8fc7636dd3ef

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.module.sha256

@@ -0,0 +1 @@
+bf1f763ef624de00a3c875f650a2497a1ef9b56970e3d470537291f732dbc546

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.module.sha512

@@ -0,0 +1 @@
+51a901f47174f6dee6959261a8d393cfde601f7346f41cca12507d876eb294325c5be68496037154920ca3c3660357f50b32007c6c9c9803614e1b20307f4d67

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/{4.1.3/expo.modules.navigationbar-4.1.3.pom → 4.2.1/expo.modules.navigationbar-4.2.1.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>host.exp.exponent</groupId>
   <artifactId>expo.modules.navigationbar</artifactId>
-  <version>4.1.3</version>
+  <version>4.2.1</version>
   <packaging>aar</packaging>
   <name>expo.modules.navigationbar</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.pom.md5

@@ -0,0 +1 @@
+7f0dac9356606d974b4b0b7d6f28c1d0

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.pom.sha1

@@ -0,0 +1 @@
+aaf5245a9e30ae8165a1214a213f83bc6211ed80

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.pom.sha256

@@ -0,0 +1 @@
+ca4384ee86f9155bed4877ce573a59e0e017c189ff4b01cff00b44609acb03a8

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/4.2.1/expo.modules.navigationbar-4.2.1.pom.sha512

@@ -0,0 +1 @@
+04d996912145852212dd89fb5ee887319f5eeb11b225802b1453a2bcf6cc3dc6d2f15f9b26e7ec9a877fc642aa8eca1073613f83d16442848d9f9585a968a89e

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>host.exp.exponent</groupId>
   <artifactId>expo.modules.navigationbar</artifactId>
   <versioning>
-    <latest>4.1.3</latest>
-    <release>4.1.3</release>
+    <latest>4.2.1</latest>
+    <release>4.2.1</release>
     <versions>
-      <version>4.1.3</version>
+      <version>4.2.1</version>
     </versions>
-    <lastUpdated>20250414185045</lastUpdated>
+    <lastUpdated>20250423205254</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/maven-metadata.xml.md5

@@ -1 +1 @@
-54ebbf6767816f7b8d02bd07ec271cc6
+12360f2d457f6ef79fcd102876cac4ec

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/maven-metadata.xml.sha1

@@ -1 +1 @@
-4a800be93707a904872c4119aa8104ee058d9135
+070056f57fd70a70b5261cd957a2f852452f72ef

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/maven-metadata.xml.sha256

@@ -1 +1 @@
-ef137aac6b9de46c4b8e297ae6c8c1e3cba9f66013c0ab2b2c3d15bfea0af8a8
+20f0857ad758ee4a148f016a424bd8fac6ca5bcbe5d67d2d8d1b3d193bd49f47

package/local-maven-repo/host/exp/exponent/expo.modules.navigationbar/maven-metadata.xml.sha512

@@ -1 +1 @@
-8e3ae1c6713e7306100c03aa7c724fe6a0de9b322175ea190da63c365949759a2271ff7ad3aa7613c94059ecaaa5a7d7df949e2a44a9d780a46b35f483f19573
+c2fee668e593c3e5bff744c8e865efe7478b203c671012df837c3d8b37314fdd5f83419cd18c0340670e3f2878f6e55cdfe3afb855fbfa56e48f0df68f9cdc9e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-navigation-bar",
-  "version": "4.1.3",
+  "version": "4.2.1",
   "description": "Modify and observe the native navigation bar on Android devices.",
   "main": "build/NavigationBar.js",
   "types": "build/NavigationBar.d.ts",
@@ -34,18 +34,19 @@
   "license": "MIT",
   "homepage": "https://docs.expo.dev/versions/latest/sdk/navigation-bar",
   "dependencies": {
-    "@react-native/normalize-colors": "0.79.0",
+    "@react-native/normalize-colors": "0.79.1",
     "debug": "^4.3.2",
-    "react-native-is-edge-to-edge": "^1.1.6"
+    "react-native-is-edge-to-edge": "^1.1.6",
+    "react-native-edge-to-edge": "1.6.0"
   },
   "devDependencies": {
     "@types/debug": "^4.1.7",
-    "expo-module-scripts": "^4.1.2"
+    "expo-module-scripts": "^4.1.4"
   },
   "peerDependencies": {
     "expo": "*",
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "cb9fdd93f76f28e2ace4f66080b2386d87239553"
+  "gitHead": "dd4ea2ac865a2b0c1f4ea3fc5879d90679099862"
 }