expo-navigation-bar 4.1.3 → 4.2.1

package/CHANGELOG.md

@@ -10,6 +10,16 @@
 
 ### 💡 Others
 
+## 4.2.1 — 2025-04-23
+
+- Make `NavigationBar` methods no-op when edge-to-edge is enabled. ([#36330](https://github.com/expo/expo/pull/36330) by [@zoontek](https://github.com/zoontek))
+
+## 4.2.0 — 2025-04-21
+
+### 🎉 New features
+
+- Use wrappers for methods from `react-native-edge-to-edge.SystemBars` when edge-to-edge is enabled. ([#36163](https://github.com/expo/expo/pull/36163) by [@behenate](https://github.com/behenate))
+
 ## 4.1.3 — 2025-04-14
 
 _This version does not introduce any user-facing changes._

package/android/build.gradle

@@ -4,13 +4,13 @@ plugins {
 }
 
 group = 'host.exp.exponent'
-version = '4.1.3'
+version = '4.2.1'
 
 android {
   namespace "expo.modules.navigationbar"
   defaultConfig {
     versionCode 1
-    versionName '4.1.3'
+    versionName '4.2.1'
   }
 }
 

package/build/ExpoNavigationBar.d.ts

@@ -1,3 +1,20 @@
-declare const _default: any;
+import type { EventSubscription } from 'expo-modules-core';
+import type { processColor } from 'react-native';
+import type { NavigationBarBehavior, NavigationBarButtonStyle, NavigationBarPosition, NavigationBarVisibility, NavigationBarVisibilityEvent } from './NavigationBar.types';
+declare const _default: {
+    addListener: (event: "ExpoNavigationBar.didChange", listener: (event: NavigationBarVisibilityEvent) => void) => EventSubscription;
+    setBackgroundColorAsync: (color: ReturnType<typeof processColor>) => Promise<void>;
+    getBackgroundColorAsync: () => Promise<string>;
+    setBehaviorAsync: (behavior: NavigationBarBehavior) => Promise<void>;
+    getBehaviorAsync: () => Promise<NavigationBarBehavior>;
+    setBorderColorAsync: (color: ReturnType<typeof processColor>) => Promise<void>;
+    getBorderColorAsync: () => Promise<string>;
+    setButtonStyleAsync: (style: NavigationBarButtonStyle) => Promise<void>;
+    getButtonStyleAsync: () => Promise<NavigationBarButtonStyle>;
+    setPositionAsync: (position: NavigationBarPosition) => Promise<void>;
+    unstable_getPositionAsync: () => Promise<NavigationBarPosition>;
+    setVisibilityAsync: (visibility: NavigationBarVisibility) => Promise<void>;
+    getVisibilityAsync: () => Promise<NavigationBarVisibility>;
+};
 export default _default;
 //# sourceMappingURL=ExpoNavigationBar.d.ts.map

package/build/ExpoNavigationBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoNavigationBar.d.ts","sourceRoot":"","sources":["../src/ExpoNavigationBar.ts"],"names":[],"mappings":"wBAAqB,GAAG;AAAxB,wBAAyB"}
+{"version":3,"file":"ExpoNavigationBar.d.ts","sourceRoot":"","sources":["../src/ExpoNavigationBar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,KAAK,EACV,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;wBAEV;IACnB,WAAW,EAAE,CACX,KAAK,EAAE,6BAA6B,EACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,KACpD,iBAAiB,CAAC;IAEvB,uBAAuB,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnF,uBAAuB,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAE/C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,gBAAgB,EAAE,MAAM,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAEvD,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,mBAAmB,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAE3C,mBAAmB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,mBAAmB,EAAE,MAAM,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAE7D,gBAAgB,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,yBAAyB,EAAE,MAAM,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAEhE,kBAAkB,EAAE,CAAC,UAAU,EAAE,uBAAuB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,kBAAkB,EAAE,MAAM,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAC5D;AAvBD,wBAuBE"}

package/build/ExpoNavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoNavigationBar.js","sourceRoot":"","sources":["../src/ExpoNavigationBar.ts"],"names":[],"mappings":"AAAA,eAAe,EAAS,CAAC","sourcesContent":["export default {} as any;\n"]}
+{"version":3,"file":"ExpoNavigationBar.js","sourceRoot":"","sources":["../src/ExpoNavigationBar.ts"],"names":[],"mappings":"AAWA,eAAe,EAuBd,CAAC","sourcesContent":["import type { EventSubscription } from 'expo-modules-core';\nimport type { processColor } from 'react-native';\n\nimport type {\n  NavigationBarBehavior,\n  NavigationBarButtonStyle,\n  NavigationBarPosition,\n  NavigationBarVisibility,\n  NavigationBarVisibilityEvent,\n} from './NavigationBar.types';\n\nexport default {} as {\n  addListener: (\n    event: 'ExpoNavigationBar.didChange',\n    listener: (event: NavigationBarVisibilityEvent) => void\n  ) => EventSubscription;\n\n  setBackgroundColorAsync: (color: ReturnType<typeof processColor>) => Promise<void>;\n  getBackgroundColorAsync: () => Promise<string>;\n\n  setBehaviorAsync: (behavior: NavigationBarBehavior) => Promise<void>;\n  getBehaviorAsync: () => Promise<NavigationBarBehavior>;\n\n  setBorderColorAsync: (color: ReturnType<typeof processColor>) => Promise<void>;\n  getBorderColorAsync: () => Promise<string>;\n\n  setButtonStyleAsync: (style: NavigationBarButtonStyle) => Promise<void>;\n  getButtonStyleAsync: () => Promise<NavigationBarButtonStyle>;\n\n  setPositionAsync: (position: NavigationBarPosition) => Promise<void>;\n  unstable_getPositionAsync: () => Promise<NavigationBarPosition>;\n\n  setVisibilityAsync: (visibility: NavigationBarVisibility) => Promise<void>;\n  getVisibilityAsync: () => Promise<NavigationBarVisibility>;\n};\n"]}

package/build/NavigationBar.android.d.ts

@@ -0,0 +1,19 @@
+import { type EventSubscription } from 'expo-modules-core';
+import type { NavigationBarBehavior, NavigationBarButtonStyle, NavigationBarPosition, NavigationBarStyle, NavigationBarVisibility, NavigationBarVisibilityEvent } from './NavigationBar.types';
+export declare function addVisibilityListener(listener: (event: NavigationBarVisibilityEvent) => void): EventSubscription;
+export declare function setBackgroundColorAsync(color: string): Promise<void>;
+export declare function getBackgroundColorAsync(): Promise<string>;
+export declare function setBorderColorAsync(color: string): Promise<void>;
+export declare function getBorderColorAsync(): Promise<string>;
+export declare function setVisibilityAsync(visibility: NavigationBarVisibility): Promise<void>;
+export declare function getVisibilityAsync(): Promise<NavigationBarVisibility>;
+export declare function setButtonStyleAsync(style: NavigationBarButtonStyle): Promise<void>;
+export declare function getButtonStyleAsync(): Promise<NavigationBarButtonStyle>;
+export declare function setPositionAsync(position: NavigationBarPosition): Promise<void>;
+export declare function unstable_getPositionAsync(): Promise<NavigationBarPosition>;
+export declare function setBehaviorAsync(behavior: NavigationBarBehavior): Promise<void>;
+export declare function getBehaviorAsync(): Promise<NavigationBarBehavior>;
+export declare function setStyle(style: NavigationBarStyle): void;
+export declare function useVisibility(): NavigationBarVisibility | null;
+export * from './NavigationBar.types';
+//# sourceMappingURL=NavigationBar.android.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.android.d.ts","sourceRoot":"","sources":["../src/NavigationBar.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAM3D,OAAO,KAAK,EACV,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;AAa/B,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,GACtD,iBAAiB,CAOnB;AAED,wBAAsB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAQ1E;AAED,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,MAAM,CAAC,CAO/D;AAED,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAQtE;AAED,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,MAAM,CAAC,CAO3D;AAED,wBAAsB,kBAAkB,CAAC,UAAU,EAAE,uBAAuB,GAAG,OAAO,CAAC,IAAI,CAAC,CAO3F;AAED,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAO3E;AAED,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,CAOxF;AAED,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,wBAAwB,CAAC,CAO7E;AAED,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CAOrF;AAED,wBAAsB,yBAAyB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAOhF;AAED,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CAOrF;AAED,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAOvE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,kBAAkB,QASjD;AAED,wBAAgB,aAAa,IAAI,uBAAuB,GAAG,IAAI,CA8B9D;AAED,cAAc,uBAAuB,CAAC"}

package/build/NavigationBar.android.js

@@ -0,0 +1,140 @@
+import { useEffect, useState } from 'react';
+import { processColor } from 'react-native';
+import { isEdgeToEdge } from 'react-native-is-edge-to-edge';
+import ExpoNavigationBar from './ExpoNavigationBar';
+// This line only imports the type information for TypeScript type checking.  It
+// doesn't import the actual module in the compiled JavaScript code.  The actual
+// module is imported conditionally with require() below, in order to avoid
+// importing the module if edge-to-edge is not enabled (which could throw if
+// it's not linked).
+let SystemBars = null;
+if (isEdgeToEdge()) {
+    SystemBars = require('react-native-edge-to-edge').SystemBars;
+}
+export function addVisibilityListener(listener) {
+    if (SystemBars != null) {
+        console.warn('`addVisibilityListener` is not supported with edge-to-edge enabled.');
+        return { remove: () => { } };
+    }
+    return ExpoNavigationBar.addListener('ExpoNavigationBar.didChange', listener);
+}
+export async function setBackgroundColorAsync(color) {
+    if (SystemBars != null) {
+        console.warn('`setBackgroundColorAsync` is not supported with edge-to-edge enabled.');
+        return;
+    }
+    const colorNumber = processColor(color);
+    await ExpoNavigationBar.setBackgroundColorAsync(colorNumber);
+}
+export async function getBackgroundColorAsync() {
+    if (SystemBars != null) {
+        console.warn('`getBackgroundColorAsync` is not supported with edge-to-edge enabled.');
+        return `#00000000`;
+    }
+    return await ExpoNavigationBar.getBackgroundColorAsync();
+}
+export async function setBorderColorAsync(color) {
+    if (SystemBars != null) {
+        console.warn('`setBorderColorAsync` is not supported with edge-to-edge enabled.');
+        return;
+    }
+    const colorNumber = processColor(color);
+    await ExpoNavigationBar.setBorderColorAsync(colorNumber);
+}
+export async function getBorderColorAsync() {
+    if (SystemBars != null) {
+        console.warn('`getBorderColorAsync` is not supported with edge-to-edge enabled.');
+        return `#00000000`;
+    }
+    return await ExpoNavigationBar.getBorderColorAsync();
+}
+export async function setVisibilityAsync(visibility) {
+    if (SystemBars != null) {
+        SystemBars.setHidden({ navigationBar: visibility === 'hidden' });
+        return;
+    }
+    await ExpoNavigationBar.setVisibilityAsync(visibility);
+}
+export async function getVisibilityAsync() {
+    if (SystemBars != null) {
+        console.warn('`getVisibilityAsync` is not supported with edge-to-edge enabled.');
+        return 'hidden';
+    }
+    return ExpoNavigationBar.getVisibilityAsync();
+}
+export async function setButtonStyleAsync(style) {
+    if (SystemBars != null) {
+        SystemBars.setStyle({ navigationBar: style });
+        return;
+    }
+    await ExpoNavigationBar.setButtonStyleAsync(style);
+}
+export async function getButtonStyleAsync() {
+    if (SystemBars != null) {
+        console.warn('`getButtonStyleAsync` is not supported with edge-to-edge enabled.');
+        return 'light';
+    }
+    return await ExpoNavigationBar.getButtonStyleAsync();
+}
+export async function setPositionAsync(position) {
+    if (SystemBars != null) {
+        console.warn('`setPositionAsync` is not supported with edge-to-edge enabled.');
+        return;
+    }
+    await ExpoNavigationBar.setPositionAsync(position);
+}
+export async function unstable_getPositionAsync() {
+    if (SystemBars != null) {
+        console.warn('`unstable_getPositionAsync` is not supported with edge-to-edge enabled.');
+        return 'relative';
+    }
+    return await ExpoNavigationBar.unstable_getPositionAsync();
+}
+export async function setBehaviorAsync(behavior) {
+    if (SystemBars != null) {
+        console.warn('`setBehaviorAsync` is not supported with edge-to-edge enabled.');
+        return;
+    }
+    await ExpoNavigationBar.setBehaviorAsync(behavior);
+}
+export async function getBehaviorAsync() {
+    if (SystemBars != null) {
+        console.warn('`getBehaviorAsync` is not supported with edge-to-edge enabled.');
+        return 'inset-touch';
+    }
+    return await ExpoNavigationBar.getBehaviorAsync();
+}
+export function setStyle(style) {
+    if (SystemBars != null) {
+        SystemBars.setStyle({ navigationBar: style });
+        return;
+    }
+    throw new Error('`setStyle` is only supported on Android when edge-to-edge is enabled. Enable edge-to-edge or use the `setButtonStyle` function instead.');
+}
+export function useVisibility() {
+    const [visibility, setVisible] = useState(null);
+    useEffect(() => {
+        if (SystemBars != null) {
+            console.warn('`useVisibility` is not supported with edge-to-edge enabled.');
+            return;
+        }
+        let isMounted = true;
+        getVisibilityAsync().then((visibility) => {
+            if (isMounted) {
+                setVisible(visibility);
+            }
+        });
+        const listener = addVisibilityListener(({ visibility }) => {
+            if (isMounted) {
+                setVisible(visibility);
+            }
+        });
+        return () => {
+            listener.remove();
+            isMounted = false;
+        };
+    }, []);
+    return visibility;
+}
+export * from './NavigationBar.types';
+//# sourceMappingURL=NavigationBar.android.js.map

package/build/NavigationBar.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.android.js","sourceRoot":"","sources":["../src/NavigationBar.android.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAUpD,gFAAgF;AAChF,gFAAgF;AAChF,2EAA2E;AAC3E,4EAA4E;AAC5E,oBAAoB;AACpB,IAAI,UAAU,GAAiE,IAAI,CAAC;AAEpF,IAAI,YAAY,EAAE,EAAE,CAAC;IACnB,UAAU,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC,UAAU,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,QAAuD;IAEvD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;QACpF,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO,iBAAiB,CAAC,WAAW,CAAC,6BAA6B,EAAE,QAAQ,CAAC,CAAC;AAChF,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,KAAa;IACzD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QACtF,OAAO;IACT,CAAC;IAED,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,iBAAiB,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,uBAAuB;IAC3C,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QACtF,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO,MAAM,iBAAiB,CAAC,uBAAuB,EAAE,CAAC;AAC3D,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,KAAa;IACrD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,mEAAmE,CAAC,CAAC;QAClF,OAAO;IACT,CAAC;IAED,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,iBAAiB,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,mBAAmB;IACvC,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,mEAAmE,CAAC,CAAC;QAClF,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO,MAAM,iBAAiB,CAAC,mBAAmB,EAAE,CAAC;AACvD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,UAAmC;IAC1E,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,UAAU,CAAC,SAAS,CAAC,EAAE,aAAa,EAAE,UAAU,KAAK,QAAQ,EAAE,CAAC,CAAC;QACjE,OAAO;IACT,CAAC;IAED,MAAM,iBAAiB,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB;IACtC,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,kEAAkE,CAAC,CAAC;QACjF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,CAAC;AAChD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,KAA+B;IACvE,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,UAAU,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9C,OAAO;IACT,CAAC;IAED,MAAM,iBAAiB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,mBAAmB;IACvC,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,mEAAmE,CAAC,CAAC;QAClF,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,MAAM,iBAAiB,CAAC,mBAAmB,EAAE,CAAC;AACvD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,QAA+B;IACpE,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,gEAAgE,CAAC,CAAC;QAC/E,OAAO;IACT,CAAC;IAED,MAAM,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,yBAAyB;IAC7C,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,yEAAyE,CAAC,CAAC;QACxF,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,OAAO,MAAM,iBAAiB,CAAC,yBAAyB,EAAE,CAAC;AAC7D,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,QAA+B;IACpE,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,gEAAgE,CAAC,CAAC;QAC/E,OAAO;IACT,CAAC;IAED,MAAM,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB;IACpC,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,gEAAgE,CAAC,CAAC;QAC/E,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,OAAO,MAAM,iBAAiB,CAAC,gBAAgB,EAAE,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAyB;IAChD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,UAAU,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9C,OAAO;IACT,CAAC;IAED,MAAM,IAAI,KAAK,CACb,yIAAyI,CAC1I,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiC,IAAI,CAAC,CAAC;IAEhF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,6DAA6D,CAAC,CAAC;YAC5E,OAAO;QACT,CAAC;QAED,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;YACvC,IAAI,SAAS,EAAE,CAAC;gBACd,UAAU,CAAC,UAAU,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,qBAAqB,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;YACxD,IAAI,SAAS,EAAE,CAAC;gBACd,UAAU,CAAC,UAAU,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,MAAM,EAAE,CAAC;YAClB,SAAS,GAAG,KAAK,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,cAAc,uBAAuB,CAAC","sourcesContent":["import { type EventSubscription } 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 type {\n  NavigationBarBehavior,\n  NavigationBarButtonStyle,\n  NavigationBarPosition,\n  NavigationBarStyle,\n  NavigationBarVisibility,\n  NavigationBarVisibilityEvent,\n} from './NavigationBar.types';\n\n// This line only imports the type information for TypeScript type checking.  It\n// doesn't import the actual module in the compiled JavaScript code.  The actual\n// module is imported conditionally with require() below, in order to avoid\n// importing the module if edge-to-edge is not enabled (which could throw if\n// it's not linked).\nlet SystemBars: typeof import('react-native-edge-to-edge').SystemBars | null = null;\n\nif (isEdgeToEdge()) {\n  SystemBars = require('react-native-edge-to-edge').SystemBars;\n}\n\nexport function addVisibilityListener(\n  listener: (event: NavigationBarVisibilityEvent) => void\n): EventSubscription {\n  if (SystemBars != null) {\n    console.warn('`addVisibilityListener` is not supported with edge-to-edge enabled.');\n    return { remove: () => {} };\n  }\n\n  return ExpoNavigationBar.addListener('ExpoNavigationBar.didChange', listener);\n}\n\nexport async function setBackgroundColorAsync(color: string): Promise<void> {\n  if (SystemBars != null) {\n    console.warn('`setBackgroundColorAsync` is not supported with edge-to-edge enabled.');\n    return;\n  }\n\n  const colorNumber = processColor(color);\n  await ExpoNavigationBar.setBackgroundColorAsync(colorNumber);\n}\n\nexport async function getBackgroundColorAsync(): Promise<string> {\n  if (SystemBars != null) {\n    console.warn('`getBackgroundColorAsync` is not supported with edge-to-edge enabled.');\n    return `#00000000`;\n  }\n\n  return await ExpoNavigationBar.getBackgroundColorAsync();\n}\n\nexport async function setBorderColorAsync(color: string): Promise<void> {\n  if (SystemBars != null) {\n    console.warn('`setBorderColorAsync` is not supported with edge-to-edge enabled.');\n    return;\n  }\n\n  const colorNumber = processColor(color);\n  await ExpoNavigationBar.setBorderColorAsync(colorNumber);\n}\n\nexport async function getBorderColorAsync(): Promise<string> {\n  if (SystemBars != null) {\n    console.warn('`getBorderColorAsync` is not supported with edge-to-edge enabled.');\n    return `#00000000`;\n  }\n\n  return await ExpoNavigationBar.getBorderColorAsync();\n}\n\nexport async function setVisibilityAsync(visibility: NavigationBarVisibility): Promise<void> {\n  if (SystemBars != null) {\n    SystemBars.setHidden({ navigationBar: visibility === 'hidden' });\n    return;\n  }\n\n  await ExpoNavigationBar.setVisibilityAsync(visibility);\n}\n\nexport async function getVisibilityAsync(): Promise<NavigationBarVisibility> {\n  if (SystemBars != null) {\n    console.warn('`getVisibilityAsync` is not supported with edge-to-edge enabled.');\n    return 'hidden';\n  }\n\n  return ExpoNavigationBar.getVisibilityAsync();\n}\n\nexport async function setButtonStyleAsync(style: NavigationBarButtonStyle): Promise<void> {\n  if (SystemBars != null) {\n    SystemBars.setStyle({ navigationBar: style });\n    return;\n  }\n\n  await ExpoNavigationBar.setButtonStyleAsync(style);\n}\n\nexport async function getButtonStyleAsync(): Promise<NavigationBarButtonStyle> {\n  if (SystemBars != null) {\n    console.warn('`getButtonStyleAsync` is not supported with edge-to-edge enabled.');\n    return 'light';\n  }\n\n  return await ExpoNavigationBar.getButtonStyleAsync();\n}\n\nexport async function setPositionAsync(position: NavigationBarPosition): Promise<void> {\n  if (SystemBars != null) {\n    console.warn('`setPositionAsync` is not supported with edge-to-edge enabled.');\n    return;\n  }\n\n  await ExpoNavigationBar.setPositionAsync(position);\n}\n\nexport async function unstable_getPositionAsync(): Promise<NavigationBarPosition> {\n  if (SystemBars != null) {\n    console.warn('`unstable_getPositionAsync` is not supported with edge-to-edge enabled.');\n    return 'relative';\n  }\n\n  return await ExpoNavigationBar.unstable_getPositionAsync();\n}\n\nexport async function setBehaviorAsync(behavior: NavigationBarBehavior): Promise<void> {\n  if (SystemBars != null) {\n    console.warn('`setBehaviorAsync` is not supported with edge-to-edge enabled.');\n    return;\n  }\n\n  await ExpoNavigationBar.setBehaviorAsync(behavior);\n}\n\nexport async function getBehaviorAsync(): Promise<NavigationBarBehavior> {\n  if (SystemBars != null) {\n    console.warn('`getBehaviorAsync` is not supported with edge-to-edge enabled.');\n    return 'inset-touch';\n  }\n\n  return await ExpoNavigationBar.getBehaviorAsync();\n}\n\nexport function setStyle(style: NavigationBarStyle) {\n  if (SystemBars != null) {\n    SystemBars.setStyle({ navigationBar: style });\n    return;\n  }\n\n  throw new Error(\n    '`setStyle` is only supported on Android when edge-to-edge is enabled. Enable edge-to-edge or use the `setButtonStyle` function instead.'\n  );\n}\n\nexport function useVisibility(): NavigationBarVisibility | null {\n  const [visibility, setVisible] = useState<NavigationBarVisibility | null>(null);\n\n  useEffect(() => {\n    if (SystemBars != null) {\n      console.warn('`useVisibility` is not supported with edge-to-edge enabled.');\n      return;\n    }\n\n    let isMounted = true;\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"]}

package/build/NavigationBar.d.ts

@@ -1,5 +1,5 @@
 import { type EventSubscription } from 'expo-modules-core';
-import { NavigationBarButtonStyle, NavigationBarBehavior, NavigationBarPosition, NavigationBarVisibility, NavigationBarVisibilityEvent } from './NavigationBar.types';
+import type { NavigationBarBehavior, NavigationBarButtonStyle, NavigationBarPosition, NavigationBarStyle, NavigationBarVisibility, NavigationBarVisibilityEvent } from './NavigationBar.types';
 /**
  * Observe changes to the system navigation bar.
  * Due to platform constraints, this callback will also be triggered when the status bar visibility changes.
@@ -15,6 +15,8 @@ export declare function addVisibilityListener(listener: (event: NavigationBarVis
 /**
  * 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");
@@ -25,16 +27,21 @@ export declare function setBackgroundColorAsync(color: string): Promise<void>;
 /**
  * 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 declare function getBackgroundColorAsync(): Promise<string>;
 /**
  * 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");
@@ -45,6 +52,8 @@ export declare function setBorderColorAsync(color: string): Promise<void>;
 /**
  * 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();
@@ -60,11 +69,13 @@ export declare function getBorderColorAsync(): Promise<string>;
  * NavigationBar.setVisibilityAsync("hidden");
  * ```
  * @param visibility Based on CSS visibility property.
+ * @platform android
  */
 export declare function setVisibilityAsync(visibility: NavigationBarVisibility): Promise<void>;
 /**
  * Get the navigation bar's visibility.
  *
+ *
  * @example
  * ```ts
  * const visibility = await NavigationBar.getVisibilityAsync("hidden");
@@ -75,6 +86,8 @@ export declare function getVisibilityAsync(): Promise<NavigationBarVisibility>;
 /**
  * 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");
@@ -85,6 +98,8 @@ export declare function setButtonStyleAsync(style: NavigationBarButtonStyle): Pr
 /**
  * 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();
@@ -99,6 +114,8 @@ export declare function getButtonStyleAsync(): Promise<NavigationBarButtonStyle>
  *
  * 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
@@ -116,6 +133,8 @@ export declare function setPositionAsync(position: NavigationBarPosition): Promi
  * 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()
@@ -133,6 +152,8 @@ export declare function unstable_getPositionAsync(): Promise<NavigationBarPositi
  * - `'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')
@@ -143,6 +164,8 @@ export declare function setBehaviorAsync(behavior: NavigationBarBehavior): Promi
 /**
  * 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()
@@ -150,6 +173,18 @@ export declare function setBehaviorAsync(behavior: NavigationBarBehavior): Promi
  * @returns Navigation bar interaction behavior. Returns `inset-touch` on unsupported platforms (iOS, web).
  */
 export declare function getBehaviorAsync(): Promise<NavigationBarBehavior>;
+/**
+ * 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 declare function setStyle(style: NavigationBarStyle): void;
 /**
  * React hook that statefully updates with the visibility of the system navigation bar.
  *

package/build/NavigationBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../src/NavigationBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAuB,MAAM,mBAAmB,CAAC;AAM1F,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;AAa/B;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,GACtD,iBAAiB,CASnB;AAED;;;;;;;;GAQG;AACH,wBAAsB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAU1E;AAED;;;;;;;;GAQG;AACH,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,MAAM,CAAC,CAS/D;AAED;;;;;;;;GAQG;AACH,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAUtE;AAED;;;;;;;;GAQG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,MAAM,CAAC,CAU3D;AAED;;;;;;;;GAQG;AACH,wBAAsB,kBAAkB,CAAC,UAAU,EAAE,uBAAuB,GAAG,OAAO,CAAC,IAAI,CAAC,CAS3F;AAED;;;;;;;;GAQG;AACH,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAS3E;AAED;;;;;;;;GAQG;AACH,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,CASxF;AAED;;;;;;;;GAQG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,wBAAwB,CAAC,CAS7E;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CASrF;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,yBAAyB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAShF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CASrF;AAED;;;;;;;;GAQG;AACH,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CASvE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,IAAI,uBAAuB,GAAG,IAAI,CAgC9D;AAED,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../src/NavigationBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAuB,MAAM,mBAAmB,CAAC;AAGhF,OAAO,KAAK,EACV,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,GACtD,iBAAiB,CAEnB;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE1E;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,MAAM,CAAC,CAG/D;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAEtE;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,MAAM,CAAC,CAG3D;AAED;;;;;;;;;GASG;AACH,wBAAsB,kBAAkB,CAAC,UAAU,EAAE,uBAAuB,GAAG,OAAO,CAAC,IAAI,CAAC,CAE3F;AAED;;;;;;;;;GASG;AACH,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAG3E;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,CAExF;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,wBAAwB,CAAC,CAG7E;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CAErF;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,yBAAyB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAGhF;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CAErF;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAGvE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,kBAAkB,QAEjD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,IAAI,uBAAuB,GAAG,IAAI,CAQ9D;AAED,cAAc,uBAAuB,CAAC"}