rn-system-bar 3.1.3 → 3.1.5

package/android/src/main/java/com/systembar/SystemBarModule.kt

@@ -5,13 +5,17 @@
 package com.systembar
 
 import android.app.Activity
+import android.content.BroadcastReceiver
 import android.content.Context
 import android.content.Intent
+import android.content.IntentFilter
 import android.content.pm.ActivityInfo
 import android.graphics.Color
 import android.hardware.display.DisplayManager
 import android.media.AudioManager
 import android.os.Build
+import android.os.Handler
+import android.os.Looper
 import android.provider.Settings
 import android.view.View
 import android.view.WindowInsets
@@ -29,12 +33,10 @@ class SystemBarModule(
   override fun getName(): String = "SystemBar"
 
   private fun activity(): Activity? = reactContext.currentActivity
+  private val mainHandler = Handler(Looper.getMainLooper())
 
-  private fun audioManager() =
-    reactContext.getSystemService(Context.AUDIO_SERVICE) as AudioManager
-
-  private fun displayManager() =
-    reactContext.getSystemService(Context.DISPLAY_SERVICE) as DisplayManager
+  private fun audioManager()   = reactContext.getSystemService(Context.AUDIO_SERVICE)   as AudioManager
+  private fun displayManager() = reactContext.getSystemService(Context.DISPLAY_SERVICE) as DisplayManager
 
   private fun streamType(stream: String): Int = when (stream) {
     "ring"         -> AudioManager.STREAM_RING
@@ -51,26 +53,114 @@ class SystemBarModule(
   }
 
   // ═══════════════════════════════════════════════
-  //  NAVIGATION BAR COLOR
-  //  WindowInsetsController API 30+, fallback for older.
-  //  navigationBarColor deprecated on API 35+ but still
-  //  works — suppressed at class level.
+  //  NAVIGATION BAR — 100% native, no expo dep
   // ═══════════════════════════════════════════════
 
   @ReactMethod
   fun setNavigationBarColor(color: String) {
     activity()?.runOnUiThread {
-      try {
-        val parsed = Color.parseColor(color)
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
-          // API 35+ — use WindowInsetsController appearance for tinting
-          val controller = activity()!!.window.insetsController
-          // Nav bar color via window attribute still works as tint on 35+
-          activity()!!.window.navigationBarColor = parsed
+      try { activity()!!.window.navigationBarColor = Color.parseColor(color) }
+      catch (_: Exception) {}
+    }
+  }
+
+  @ReactMethod
+  fun setNavigationBarVisibility(mode: String) {
+    activity()?.runOnUiThread {
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+        val c = activity()!!.window.insetsController ?: return@runOnUiThread
+        if (mode == "hidden") c.hide(WindowInsets.Type.navigationBars())
+        else                  c.show(WindowInsets.Type.navigationBars())
+      } else {
+        val dv = activity()!!.window.decorView
+        dv.systemUiVisibility = if (mode == "hidden") {
+          dv.systemUiVisibility or
+          View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or
+          View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
         } else {
-          activity()!!.window.navigationBarColor = parsed
+          dv.systemUiVisibility and View.SYSTEM_UI_FLAG_HIDE_NAVIGATION.inv()
         }
-      } catch (_: Exception) {}
+      }
+    }
+  }
+
+  @ReactMethod
+  fun setNavigationBarButtonStyle(style: String) {
+    activity()?.runOnUiThread {
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+        val c = activity()!!.window.insetsController ?: return@runOnUiThread
+        c.setSystemBarsAppearance(
+          if (style == "dark") WindowInsetsController.APPEARANCE_LIGHT_NAVIGATION_BARS else 0,
+          WindowInsetsController.APPEARANCE_LIGHT_NAVIGATION_BARS
+        )
+      } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+        val dv = activity()!!.window.decorView
+        dv.systemUiVisibility = if (style == "dark")
+          dv.systemUiVisibility or  View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR
+        else
+          dv.systemUiVisibility and View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR.inv()
+      }
+    }
+  }
+
+  @ReactMethod
+  fun setNavigationBarStyle(style: String) {
+    // Maps to button style — "dark"/"auto" → dark icons, "light"/"inverted" → light icons
+    setNavigationBarButtonStyle(if (style == "dark" || style == "auto") "dark" else "light")
+  }
+
+  @ReactMethod
+  fun setNavigationBarBehavior(behavior: String) {
+    activity()?.runOnUiThread {
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+        val c = activity()!!.window.insetsController ?: return@runOnUiThread
+        c.systemBarsBehavior = when (behavior) {
+          "overlay-swipe" -> WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+          // inset modes — default persistent behavior
+          else            -> WindowInsetsController.BEHAVIOR_DEFAULT
+        }
+      }
+      // API < 30: IMMERSIVE_STICKY is closest — no-op otherwise
+    }
+  }
+
+  // ═══════════════════════════════════════════════
+  //  STATUS BAR — 100% native
+  // ═══════════════════════════════════════════════
+
+  @ReactMethod
+  fun setStatusBarStyle(style: String) {
+    activity()?.runOnUiThread {
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+        val c = activity()!!.window.insetsController ?: return@runOnUiThread
+        c.setSystemBarsAppearance(
+          if (style == "dark") WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS else 0,
+          WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS
+        )
+      } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+        val dv = activity()!!.window.decorView
+        dv.systemUiVisibility = if (style == "dark")
+          dv.systemUiVisibility or  View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
+        else
+          dv.systemUiVisibility and View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR.inv()
+      }
+    }
+  }
+
+  @ReactMethod
+  fun setStatusBarVisibility(visible: Boolean) {
+    activity()?.runOnUiThread {
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+        val c = activity()!!.window.insetsController ?: return@runOnUiThread
+        if (visible) c.show(WindowInsets.Type.statusBars())
+        else         c.hide(WindowInsets.Type.statusBars())
+      } else {
+        val dv = activity()!!.window.decorView
+        dv.systemUiVisibility = if (!visible)
+          dv.systemUiVisibility or  View.SYSTEM_UI_FLAG_FULLSCREEN
+        else
+          dv.systemUiVisibility and View.SYSTEM_UI_FLAG_FULLSCREEN.inv()
+      }
     }
   }
 
@@ -81,47 +171,64 @@ class SystemBarModule(
   @ReactMethod
   fun setBrightness(level: Float) {
     val clamped = level.coerceIn(0.01f, 1f)
-
-    // Window brightness — instant, no permission needed
     activity()?.runOnUiThread {
       val lp = activity()!!.window.attributes
       lp.screenBrightness = clamped
       activity()!!.window.attributes = lp
     }
-
-    // System brightness — persisted, needs WRITE_SETTINGS
     val sysValue = (clamped * 255).toInt().coerceIn(1, 255)
     if (Settings.System.canWrite(reactContext)) {
-      Settings.System.putInt(
-        reactContext.contentResolver,
-        Settings.System.SCREEN_BRIGHTNESS,
-        sysValue
-      )
-      Settings.System.putInt(
-        reactContext.contentResolver,
-        Settings.System.SCREEN_BRIGHTNESS_MODE,
-        Settings.System.SCREEN_BRIGHTNESS_MODE_MANUAL
-      )
+      Settings.System.putInt(reactContext.contentResolver, Settings.System.SCREEN_BRIGHTNESS, sysValue)
+      Settings.System.putInt(reactContext.contentResolver, Settings.System.SCREEN_BRIGHTNESS_MODE, Settings.System.SCREEN_BRIGHTNESS_MODE_MANUAL)
     } else {
-      val intent = Intent(Settings.ACTION_MANAGE_WRITE_SETTINGS).apply {
-        flags = Intent.FLAG_ACTIVITY_NEW_TASK
-      }
-      try { reactContext.startActivity(intent) } catch (_: Exception) {}
+      try {
+        reactContext.startActivity(Intent(Settings.ACTION_MANAGE_WRITE_SETTINGS).apply {
+          flags = Intent.FLAG_ACTIVITY_NEW_TASK
+        })
+      } catch (_: Exception) {}
     }
   }
 
   @ReactMethod
   fun getBrightness(promise: Promise) {
     try {
-      val sys = Settings.System.getInt(
-        reactContext.contentResolver,
-        Settings.System.SCREEN_BRIGHTNESS,
-        128
-      )
+      val sys = Settings.System.getInt(reactContext.contentResolver, Settings.System.SCREEN_BRIGHTNESS, 128)
       promise.resolve(sys / 255.0)
-    } catch (e: Exception) {
-      promise.reject("BRIGHTNESS_ERROR", e.message, e)
+    } catch (e: Exception) { promise.reject("BRIGHTNESS_ERROR", e.message, e) }
+  }
+
+  // ── Realtime brightness listener ─────────────
+  private var brightnessReceiver: BroadcastReceiver? = null
+  private var brightnessPollingRunnable: Runnable? = null
+  private var lastBrightness = -1
+
+  @ReactMethod
+  fun startBrightnessListener() {
+    if (brightnessPollingRunnable != null) return
+    // Settings.System doesn't broadcast changes — poll every 500ms
+    val runnable = object : Runnable {
+      override fun run() {
+        try {
+          val cur = Settings.System.getInt(reactContext.contentResolver, Settings.System.SCREEN_BRIGHTNESS, 128)
+          if (cur != lastBrightness) {
+            lastBrightness = cur
+            val map = Arguments.createMap()
+            map.putDouble("brightness", cur / 255.0)
+            emit("SystemBar_BrightnessChange", map)
+          }
+        } catch (_: Exception) {}
+        brightnessPollingRunnable?.let { mainHandler.postDelayed(it, 500) }
+      }
     }
+    brightnessPollingRunnable = runnable
+    mainHandler.post(runnable)
+  }
+
+  @ReactMethod
+  fun stopBrightnessListener() {
+    brightnessPollingRunnable?.let { mainHandler.removeCallbacks(it) }
+    brightnessPollingRunnable = null
+    lastBrightness = -1
   }
 
   // ═══════════════════════════════════════════════
@@ -130,16 +237,13 @@ class SystemBarModule(
 
   private var suppressVolumeHUD = false
 
-  @ReactMethod
-  fun setVolumeHUDVisible(visible: Boolean) { suppressVolumeHUD = !visible }
+  @ReactMethod fun setVolumeHUDVisible(visible: Boolean) { suppressVolumeHUD = !visible }
 
   @ReactMethod
   fun setVolume(level: Float, stream: String) {
     try {
-      val am   = audioManager()
-      val type = streamType(stream)
-      val max  = am.getStreamMaxVolume(type)
-      val vol  = (level.coerceIn(0f, 1f) * max).toInt()
+      val am = audioManager(); val type = streamType(stream)
+      val vol = (level.coerceIn(0f, 1f) * am.getStreamMaxVolume(type)).toInt()
       am.setStreamVolume(type, vol, if (suppressVolumeHUD) 0 else AudioManager.FLAG_SHOW_UI)
     } catch (_: Exception) {}
   }
@@ -147,13 +251,46 @@ class SystemBarModule(
   @ReactMethod
   fun getVolume(stream: String, promise: Promise) {
     try {
-      val am   = audioManager()
-      val type = streamType(stream)
-      val max  = am.getStreamMaxVolume(type)
+      val am = audioManager(); val type = streamType(stream)
+      val max = am.getStreamMaxVolume(type)
       promise.resolve(if (max > 0) am.getStreamVolume(type).toDouble() / max else 0.0)
-    } catch (e: Exception) {
-      promise.reject("VOLUME_ERROR", e.message, e)
+    } catch (e: Exception) { promise.reject("VOLUME_ERROR", e.message, e) }
+  }
+
+  // ── Realtime volume listener ─────────────────
+  private var volumeReceiver: BroadcastReceiver? = null
+
+  @ReactMethod
+  fun startVolumeListener() {
+    if (volumeReceiver != null) return
+    val receiver = object : BroadcastReceiver() {
+      override fun onReceive(ctx: Context?, intent: Intent?) {
+        if (intent?.action != "android.media.VOLUME_CHANGED_ACTION") return
+        val streamType = intent.getIntExtra("android.media.EXTRA_VOLUME_STREAM_TYPE", AudioManager.STREAM_MUSIC)
+        val am  = audioManager()
+        val max = am.getStreamMaxVolume(streamType)
+        val cur = am.getStreamVolume(streamType)
+        val streamName = when (streamType) {
+          AudioManager.STREAM_RING         -> "ring"
+          AudioManager.STREAM_NOTIFICATION -> "notification"
+          AudioManager.STREAM_ALARM        -> "alarm"
+          AudioManager.STREAM_SYSTEM       -> "system"
+          else                             -> "music"
+        }
+        val map = Arguments.createMap()
+        map.putDouble("volume", if (max > 0) cur.toDouble() / max else 0.0)
+        map.putString("stream", streamName)
+        emit("SystemBar_VolumeChange", map)
+      }
     }
+    volumeReceiver = receiver
+    reactContext.registerReceiver(receiver, IntentFilter("android.media.VOLUME_CHANGED_ACTION"))
+  }
+
+  @ReactMethod
+  fun stopVolumeListener() {
+    volumeReceiver?.let { try { reactContext.unregisterReceiver(it) } catch (_: Exception) {} }
+    volumeReceiver = null
   }
 
   // ═══════════════════════════════════════════════
@@ -181,14 +318,10 @@ class SystemBarModule(
         }
       } else {
         activity()!!.window.decorView.systemUiVisibility = if (enable) {
-          View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or
-          View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
-          View.SYSTEM_UI_FLAG_FULLSCREEN or
-          View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or
+          View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
+          View.SYSTEM_UI_FLAG_FULLSCREEN or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or
           View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
-        } else {
-          View.SYSTEM_UI_FLAG_VISIBLE
-        }
+        } else { View.SYSTEM_UI_FLAG_VISIBLE }
       }
     }
   }
@@ -203,33 +336,59 @@ class SystemBarModule(
 
   // ═══════════════════════════════════════════════
   //  ORIENTATION
-  //  "auto" = FULL_SENSOR (follows system auto-rotate)
   // ═══════════════════════════════════════════════
 
   @ReactMethod
   fun setOrientation(mode: String) {
+    // "auto" → always unspecified (follow system auto-rotate toggle unconditionally)
+    if (mode == "auto") {
+      activity()?.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED
+      return
+    }
+
+    // For a specific orientation: check if the device's auto-rotate toggle is ON.
+    // auto-rotate ON  → use sensor-based variant so the device can still rotate
+    //                   within the requested axis (portrait ↔ reverse-portrait, etc.)
+    // auto-rotate OFF → hard-lock to the exact orientation requested
+    val autoRotateOn = Settings.System.getInt(
+      reactContext.contentResolver,
+      Settings.System.ACCELEROMETER_ROTATION,
+      0  // default = locked (off)
+    ) == 1
+
     activity()?.requestedOrientation = when (mode) {
-      "portrait"        -> ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
-      "landscape"       -> ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
-      "landscape-left"  -> ActivityInfo.SCREEN_ORIENTATION_REVERSE_LANDSCAPE
-      "landscape-right" -> ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
-      // "auto" = respect system auto-rotate toggle
-      else              -> ActivityInfo.SCREEN_ORIENTATION_FULL_SENSOR
+      "portrait" ->
+        if (autoRotateOn) ActivityInfo.SCREEN_ORIENTATION_SENSOR_PORTRAIT
+        else              ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
+
+      "landscape" ->
+        if (autoRotateOn) ActivityInfo.SCREEN_ORIENTATION_SENSOR_LANDSCAPE
+        else              ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
+
+      "landscape-left" ->
+        // Reverse landscape — no sensor variant; honour toggle by using full sensor landscape
+        if (autoRotateOn) ActivityInfo.SCREEN_ORIENTATION_SENSOR_LANDSCAPE
+        else              ActivityInfo.SCREEN_ORIENTATION_REVERSE_LANDSCAPE
+
+      "landscape-right" ->
+        if (autoRotateOn) ActivityInfo.SCREEN_ORIENTATION_SENSOR_LANDSCAPE
+        else              ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
+
+      else -> ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED
     }
   }
 
   // ═══════════════════════════════════════════════
-  //  SCREENCAST — list all presentation displays
+  //  SCREENCAST
   // ═══════════════════════════════════════════════
 
   private var displayListener: DisplayManager.DisplayListener? = null
 
   private fun buildDisplayListMap(): WritableMap {
-    val dm      = displayManager()
-    val map     = Arguments.createMap()
+    val dm       = displayManager()
+    val map      = Arguments.createMap()
     val displays = dm.getDisplays(DisplayManager.DISPLAY_CATEGORY_PRESENTATION)
-    val arr     = Arguments.createArray()
-
+    val arr      = Arguments.createArray()
     for (d in displays) {
       val item = Arguments.createMap()
       item.putInt("id", d.displayId)
@@ -237,7 +396,6 @@ class SystemBarModule(
       item.putBoolean("isValid", d.isValid)
       arr.pushMap(item)
     }
-
     map.putBoolean("isCasting", displays.isNotEmpty())
     map.putArray("displays", arr)
     if (displays.isNotEmpty()) map.putString("displayName", displays[0].name)
@@ -271,6 +429,8 @@ class SystemBarModule(
 
   // ── Cleanup ──────────────────────────────────
   override fun onCatalystInstanceDestroy() {
+    stopBrightnessListener()
+    stopVolumeListener()
     stopScreencastListener()
   }
 }

package/lib/src/SystemBar.d.ts

@@ -1,17 +1,26 @@
 import type { NavigationBarBehavior, NavigationBarButtonStyle, NavigationBarStyle, NavigationBarVisibility, Orientation, ScreencastInfo, StatusBarStyle, VolumeStream } from "./types";
 export declare const setNavigationBarColor: (color: string) => void;
-export declare const setNavigationBarVisibility: (mode: NavigationBarVisibility) => Promise<void>;
-export declare const setNavigationBarButtonStyle: (style: NavigationBarButtonStyle) => Promise<void>;
-export declare const setNavigationBarStyle: (style: NavigationBarStyle) => Promise<void>;
-export declare const setNavigationBarBehavior: (behavior: NavigationBarBehavior) => Promise<void>;
-export declare const setStatusBarColor: (color: string, animated?: boolean) => void;
-export declare const setStatusBarStyle: (style: StatusBarStyle, animated?: boolean) => void;
-export declare const setStatusBarVisibility: (visible: boolean, animated?: boolean) => void;
+export declare const setNavigationBarVisibility: (mode: NavigationBarVisibility) => void;
+export declare const setNavigationBarButtonStyle: (style: NavigationBarButtonStyle) => void;
+export declare const setNavigationBarStyle: (style: NavigationBarStyle) => void;
+export declare const setNavigationBarBehavior: (behavior: NavigationBarBehavior) => void;
+export declare const setStatusBarStyle: (style: StatusBarStyle) => void;
+export declare const setStatusBarVisibility: (visible: boolean) => void;
 export declare const setBrightness: (level: number) => void;
 export declare const getBrightness: () => Promise<number>;
+/**
+ * Subscribe to system brightness changes (polls every 500ms on Android).
+ * @returns unsubscribe function
+ */
+export declare const onBrightnessChange: (callback: (brightness: number) => void) => (() => void);
 export declare const setVolume: (level: number, stream?: VolumeStream) => void;
 export declare const getVolume: (stream?: VolumeStream) => Promise<number>;
 export declare const setVolumeHUDVisible: (visible: boolean) => void;
+/**
+ * Subscribe to system volume changes (hardware buttons, other apps).
+ * @returns unsubscribe function
+ */
+export declare const onVolumeChange: (callback: (volume: number, stream: VolumeStream) => void) => (() => void);
 export declare const keepScreenOn: (enable: boolean) => void;
 export declare const immersiveMode: (enable: boolean) => void;
 export declare const setSecureScreen: (enable: boolean) => void;

package/lib/src/SystemBar.js

@@ -1,18 +1,12 @@
 "use strict";
 // ─────────────────────────────────────────────
 //  rn-system-bar · SystemBar.ts
+//  Zero expo-navigation-bar dependency.
+//  All APIs → native Kotlin / iOS Swift.
 // ─────────────────────────────────────────────
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.onScreencastChange = exports.getScreencastInfo = exports.setOrientation = exports.setSecureScreen = exports.immersiveMode = exports.keepScreenOn = exports.setVolumeHUDVisible = exports.getVolume = exports.setVolume = exports.getBrightness = exports.setBrightness = exports.setStatusBarVisibility = exports.setStatusBarStyle = exports.setStatusBarColor = exports.setNavigationBarBehavior = exports.setNavigationBarStyle = exports.setNavigationBarButtonStyle = exports.setNavigationBarVisibility = exports.setNavigationBarColor = void 0;
+exports.onScreencastChange = exports.getScreencastInfo = exports.setOrientation = exports.setSecureScreen = exports.immersiveMode = exports.keepScreenOn = exports.onVolumeChange = exports.setVolumeHUDVisible = exports.getVolume = exports.setVolume = exports.onBrightnessChange = exports.getBrightness = exports.setBrightness = exports.setStatusBarVisibility = exports.setStatusBarStyle = exports.setNavigationBarBehavior = exports.setNavigationBarStyle = exports.setNavigationBarButtonStyle = exports.setNavigationBarVisibility = exports.setNavigationBarColor = void 0;
 const react_native_1 = require("react-native");
-const NavBar = (() => {
-    try {
-        return require("expo-navigation-bar");
-    }
-    catch (_a) {
-        return null;
-    }
-})();
 const { SystemBar: Native } = react_native_1.NativeModules;
 const isAndroid = react_native_1.Platform.OS === "android";
 const androidOnly = (name) => {
@@ -28,9 +22,7 @@ const checkNative = () => {
         throw new Error("[rn-system-bar] Native module not found. Rebuild your project.");
 };
 // ═══════════════════════════════════════════════
-//  NAVIGATION BAR  (Android-only)
-//  Color → native Window API (edge-to-edge safe)
-//  Others → expo-navigation-bar (work in edge-to-edge)
+//  NAVIGATION BAR  (Android — 100% native)
 // ═══════════════════════════════════════════════
 const setNavigationBarColor = (color) => {
     if (!androidOnly("setNavigationBarColor"))
@@ -40,60 +32,48 @@ const setNavigationBarColor = (color) => {
 };
 exports.setNavigationBarColor = setNavigationBarColor;
 const setNavigationBarVisibility = (mode) => {
-    var _a;
     if (!androidOnly("setNavigationBarVisibility"))
-        return Promise.resolve();
-    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setVisibilityAsync(mode)) !== null && _a !== void 0 ? _a : Promise.resolve();
+        return;
+    checkNative();
+    Native.setNavigationBarVisibility(mode);
 };
 exports.setNavigationBarVisibility = setNavigationBarVisibility;
 const setNavigationBarButtonStyle = (style) => {
-    var _a;
     if (!androidOnly("setNavigationBarButtonStyle"))
-        return Promise.resolve();
-    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setButtonStyleAsync(style)) !== null && _a !== void 0 ? _a : Promise.resolve();
+        return;
+    checkNative();
+    Native.setNavigationBarButtonStyle(style);
 };
 exports.setNavigationBarButtonStyle = setNavigationBarButtonStyle;
 const setNavigationBarStyle = (style) => {
-    var _a;
     if (!androidOnly("setNavigationBarStyle"))
-        return Promise.resolve();
-    const btn = style === "dark" || style === "auto" ? "dark" : "light";
-    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setButtonStyleAsync(btn)) !== null && _a !== void 0 ? _a : Promise.resolve();
+        return;
+    checkNative();
+    Native.setNavigationBarStyle(style);
 };
 exports.setNavigationBarStyle = setNavigationBarStyle;
 const setNavigationBarBehavior = (behavior) => {
-    var _a;
     if (!androidOnly("setNavigationBarBehavior"))
-        return Promise.resolve();
-    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setBehaviorAsync(behavior)) !== null && _a !== void 0 ? _a : Promise.resolve();
+        return;
+    checkNative();
+    Native.setNavigationBarBehavior(behavior);
 };
 exports.setNavigationBarBehavior = setNavigationBarBehavior;
 // ═══════════════════════════════════════════════
-//  STATUS BAR
+//  STATUS BAR  (native — no RN StatusBar)
 // ═══════════════════════════════════════════════
-const setStatusBarColor = (color, animated = false) => {
-    if (!androidOnly("setStatusBarColor"))
-        return;
-    react_native_1.StatusBar.setBackgroundColor(color, animated);
-};
-exports.setStatusBarColor = setStatusBarColor;
-const setStatusBarStyle = (style, animated = false) => {
-    react_native_1.StatusBar.setBarStyle(style === "light" ? "light-content" : "dark-content", animated);
+const setStatusBarStyle = (style) => {
+    checkNative();
+    Native.setStatusBarStyle(style);
 };
 exports.setStatusBarStyle = setStatusBarStyle;
-const setStatusBarVisibility = (visible, animated = false) => {
-    react_native_1.StatusBar.setHidden(!visible, animated ? "slide" : "none");
+const setStatusBarVisibility = (visible) => {
+    checkNative();
+    Native.setStatusBarVisibility(visible);
 };
 exports.setStatusBarVisibility = setStatusBarVisibility;
 // ═══════════════════════════════════════════════
 //  BRIGHTNESS
-//
-//  setBrightness  → updates BOTH window brightness (instant)
-//                   AND system brightness (persisted).
-//                   On first call: opens WRITE_SETTINGS if not granted.
-//
-//  getBrightness  → reads SYSTEM brightness so slider always
-//                   matches the device brightness bar.
 // ═══════════════════════════════════════════════
 const setBrightness = (level) => {
     checkNative();
@@ -105,6 +85,21 @@ const getBrightness = () => {
     return Native.getBrightness();
 };
 exports.getBrightness = getBrightness;
+/**
+ * Subscribe to system brightness changes (polls every 500ms on Android).
+ * @returns unsubscribe function
+ */
+const onBrightnessChange = (callback) => {
+    checkNative();
+    const { DeviceEventEmitter } = require("react-native");
+    Native.startBrightnessListener();
+    const sub = DeviceEventEmitter.addListener("SystemBar_BrightnessChange", (e) => callback(e.brightness));
+    return () => {
+        sub.remove();
+        Native.stopBrightnessListener();
+    };
+};
+exports.onBrightnessChange = onBrightnessChange;
 // ═══════════════════════════════════════════════
 //  VOLUME
 // ═══════════════════════════════════════════════
@@ -125,6 +120,21 @@ const setVolumeHUDVisible = (visible) => {
     Native.setVolumeHUDVisible(visible);
 };
 exports.setVolumeHUDVisible = setVolumeHUDVisible;
+/**
+ * Subscribe to system volume changes (hardware buttons, other apps).
+ * @returns unsubscribe function
+ */
+const onVolumeChange = (callback) => {
+    checkNative();
+    const { DeviceEventEmitter } = require("react-native");
+    Native.startVolumeListener();
+    const sub = DeviceEventEmitter.addListener("SystemBar_VolumeChange", (e) => callback(e.volume, e.stream));
+    return () => {
+        sub.remove();
+        Native.stopVolumeListener();
+    };
+};
+exports.onVolumeChange = onVolumeChange;
 // ═══════════════════════════════════════════════
 //  SCREEN
 // ═══════════════════════════════════════════════

package/lib/src/useSystemBar.js

@@ -47,24 +47,21 @@ const useSystemBar = (config) => {
             return;
         configRef.current = configStr;
         const apply = async () => {
-            const p = [];
+            // All nav bar calls are now sync (no expo-navigation-bar)
             if (config.navigationBarColor !== undefined)
                 SystemBar.setNavigationBarColor(config.navigationBarColor);
             if (config.navigationBarVisibility !== undefined)
-                p.push(SystemBar.setNavigationBarVisibility(config.navigationBarVisibility));
+                SystemBar.setNavigationBarVisibility(config.navigationBarVisibility);
             if (config.navigationBarButtonStyle !== undefined)
-                p.push(SystemBar.setNavigationBarButtonStyle(config.navigationBarButtonStyle));
+                SystemBar.setNavigationBarButtonStyle(config.navigationBarButtonStyle);
             if (config.navigationBarStyle !== undefined)
-                p.push(SystemBar.setNavigationBarStyle(config.navigationBarStyle));
+                SystemBar.setNavigationBarStyle(config.navigationBarStyle);
             if (config.navigationBarBehavior !== undefined)
-                p.push(SystemBar.setNavigationBarBehavior(config.navigationBarBehavior));
-            await Promise.allSettled(p);
-            if (config.statusBarColor !== undefined)
-                SystemBar.setStatusBarColor(config.statusBarColor, config.statusBarAnimated);
+                SystemBar.setNavigationBarBehavior(config.navigationBarBehavior);
             if (config.statusBarStyle !== undefined)
-                SystemBar.setStatusBarStyle(config.statusBarStyle, config.statusBarAnimated);
+                SystemBar.setStatusBarStyle(config.statusBarStyle);
             if (config.statusBarVisible !== undefined)
-                SystemBar.setStatusBarVisibility(config.statusBarVisible, config.statusBarAnimated);
+                SystemBar.setStatusBarVisibility(config.statusBarVisible);
             if (config.keepScreenOn !== undefined)
                 SystemBar.keepScreenOn(config.keepScreenOn);
             if (config.immersiveMode !== undefined)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-system-bar",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "description": "Control Android & iOS system bars, brightness, volume, orientation and screen flags from React Native.",
   "main": "lib/index.js",
   "react-native": "lib/index.js",

package/src/SystemBar.ts

@@ -1,8 +1,10 @@
 // ─────────────────────────────────────────────
 //  rn-system-bar · SystemBar.ts
+//  Zero expo-navigation-bar dependency.
+//  All APIs → native Kotlin / iOS Swift.
 // ─────────────────────────────────────────────
 
-import { NativeModules, Platform, StatusBar } from "react-native";
+import { NativeModules, Platform } from "react-native";
 
 import type {
   NavigationBarBehavior,
@@ -15,11 +17,6 @@ import type {
   VolumeStream,
 } from "./types";
 
-const NavBar = (() => {
-  try { return require("expo-navigation-bar"); }
-  catch { return null; }
-})();
-
 const { SystemBar: Native } = NativeModules;
 
 const isAndroid = Platform.OS === "android";
@@ -37,9 +34,7 @@ const checkNative = () => {
 };
 
 // ═══════════════════════════════════════════════
-//  NAVIGATION BAR  (Android-only)
-//  Color → native Window API (edge-to-edge safe)
-//  Others → expo-navigation-bar (work in edge-to-edge)
+//  NAVIGATION BAR  (Android — 100% native)
 // ═══════════════════════════════════════════════
 
 export const setNavigationBarColor = (color: string): void => {
@@ -48,53 +43,46 @@ export const setNavigationBarColor = (color: string): void => {
   Native.setNavigationBarColor(color);
 };
 
-export const setNavigationBarVisibility = (mode: NavigationBarVisibility): Promise<void> => {
-  if (!androidOnly("setNavigationBarVisibility")) return Promise.resolve();
-  return NavBar?.setVisibilityAsync(mode) ?? Promise.resolve();
+export const setNavigationBarVisibility = (mode: NavigationBarVisibility): void => {
+  if (!androidOnly("setNavigationBarVisibility")) return;
+  checkNative();
+  Native.setNavigationBarVisibility(mode);
 };
 
-export const setNavigationBarButtonStyle = (style: NavigationBarButtonStyle): Promise<void> => {
-  if (!androidOnly("setNavigationBarButtonStyle")) return Promise.resolve();
-  return NavBar?.setButtonStyleAsync(style) ?? Promise.resolve();
+export const setNavigationBarButtonStyle = (style: NavigationBarButtonStyle): void => {
+  if (!androidOnly("setNavigationBarButtonStyle")) return;
+  checkNative();
+  Native.setNavigationBarButtonStyle(style);
 };
 
-export const setNavigationBarStyle = (style: NavigationBarStyle): Promise<void> => {
-  if (!androidOnly("setNavigationBarStyle")) return Promise.resolve();
-  const btn: NavigationBarButtonStyle = style === "dark" || style === "auto" ? "dark" : "light";
-  return NavBar?.setButtonStyleAsync(btn) ?? Promise.resolve();
+export const setNavigationBarStyle = (style: NavigationBarStyle): void => {
+  if (!androidOnly("setNavigationBarStyle")) return;
+  checkNative();
+  Native.setNavigationBarStyle(style);
 };
 
-export const setNavigationBarBehavior = (behavior: NavigationBarBehavior): Promise<void> => {
-  if (!androidOnly("setNavigationBarBehavior")) return Promise.resolve();
-  return NavBar?.setBehaviorAsync(behavior) ?? Promise.resolve();
+export const setNavigationBarBehavior = (behavior: NavigationBarBehavior): void => {
+  if (!androidOnly("setNavigationBarBehavior")) return;
+  checkNative();
+  Native.setNavigationBarBehavior(behavior);
 };
 
 // ═══════════════════════════════════════════════
-//  STATUS BAR
+//  STATUS BAR  (native — no RN StatusBar)
 // ═══════════════════════════════════════════════
 
-export const setStatusBarColor = (color: string, animated = false): void => {
-  if (!androidOnly("setStatusBarColor")) return;
-  StatusBar.setBackgroundColor(color, animated);
-};
-
-export const setStatusBarStyle = (style: StatusBarStyle, animated = false): void => {
-  StatusBar.setBarStyle(style === "light" ? "light-content" : "dark-content", animated);
+export const setStatusBarStyle = (style: StatusBarStyle): void => {
+  checkNative();
+  Native.setStatusBarStyle(style);
 };
 
-export const setStatusBarVisibility = (visible: boolean, animated = false): void => {
-  StatusBar.setHidden(!visible, animated ? "slide" : "none");
+export const setStatusBarVisibility = (visible: boolean): void => {
+  checkNative();
+  Native.setStatusBarVisibility(visible);
 };
 
 // ═══════════════════════════════════════════════
 //  BRIGHTNESS
-//
-//  setBrightness  → updates BOTH window brightness (instant)
-//                   AND system brightness (persisted).
-//                   On first call: opens WRITE_SETTINGS if not granted.
-//
-//  getBrightness  → reads SYSTEM brightness so slider always
-//                   matches the device brightness bar.
 // ═══════════════════════════════════════════════
 
 export const setBrightness = (level: number): void => {
@@ -107,6 +95,26 @@ export const getBrightness = (): Promise<number> => {
   return Native.getBrightness();
 };
 
+/**
+ * Subscribe to system brightness changes (polls every 500ms on Android).
+ * @returns unsubscribe function
+ */
+export const onBrightnessChange = (
+  callback: (brightness: number) => void
+): (() => void) => {
+  checkNative();
+  const { DeviceEventEmitter } = require("react-native");
+  Native.startBrightnessListener();
+  const sub = DeviceEventEmitter.addListener(
+    "SystemBar_BrightnessChange",
+    (e: { brightness: number }) => callback(e.brightness)
+  );
+  return () => {
+    sub.remove();
+    Native.stopBrightnessListener();
+  };
+};
+
 // ═══════════════════════════════════════════════
 //  VOLUME
 // ═══════════════════════════════════════════════
@@ -127,6 +135,26 @@ export const setVolumeHUDVisible = (visible: boolean): void => {
   Native.setVolumeHUDVisible(visible);
 };
 
+/**
+ * Subscribe to system volume changes (hardware buttons, other apps).
+ * @returns unsubscribe function
+ */
+export const onVolumeChange = (
+  callback: (volume: number, stream: VolumeStream) => void
+): (() => void) => {
+  checkNative();
+  const { DeviceEventEmitter } = require("react-native");
+  Native.startVolumeListener();
+  const sub = DeviceEventEmitter.addListener(
+    "SystemBar_VolumeChange",
+    (e: { volume: number; stream: VolumeStream }) => callback(e.volume, e.stream)
+  );
+  return () => {
+    sub.remove();
+    Native.stopVolumeListener();
+  };
+};
+
 // ═══════════════════════════════════════════════
 //  SCREEN
 // ═══════════════════════════════════════════════

package/src/useSystemBar.ts

@@ -44,24 +44,19 @@ export const useSystemBar = (config: SystemBarConfig) => {
     configRef.current = configStr;
 
     const apply = async () => {
-      const p: Promise<void>[] = [];
-
+      // All nav bar calls are now sync (no expo-navigation-bar)
       if (config.navigationBarColor       !== undefined) SystemBar.setNavigationBarColor(config.navigationBarColor);
-      if (config.navigationBarVisibility  !== undefined) p.push(SystemBar.setNavigationBarVisibility(config.navigationBarVisibility));
-      if (config.navigationBarButtonStyle !== undefined) p.push(SystemBar.setNavigationBarButtonStyle(config.navigationBarButtonStyle));
-      if (config.navigationBarStyle       !== undefined) p.push(SystemBar.setNavigationBarStyle(config.navigationBarStyle));
-      if (config.navigationBarBehavior    !== undefined) p.push(SystemBar.setNavigationBarBehavior(config.navigationBarBehavior));
-
-      await Promise.allSettled(p);
-
-      if (config.statusBarColor   !== undefined) SystemBar.setStatusBarColor(config.statusBarColor, config.statusBarAnimated);
-      if (config.statusBarStyle   !== undefined) SystemBar.setStatusBarStyle(config.statusBarStyle, config.statusBarAnimated);
-      if (config.statusBarVisible !== undefined) SystemBar.setStatusBarVisibility(config.statusBarVisible, config.statusBarAnimated);
-      if (config.keepScreenOn     !== undefined) SystemBar.keepScreenOn(config.keepScreenOn);
-      if (config.immersiveMode    !== undefined) SystemBar.immersiveMode(config.immersiveMode);
-      if (config.brightness       !== undefined) SystemBar.setBrightness(config.brightness);
-      if (config.orientation      !== undefined) SystemBar.setOrientation(config.orientation);
-      if (config.secureScreen     !== undefined) SystemBar.setSecureScreen(config.secureScreen);
+      if (config.navigationBarVisibility  !== undefined) SystemBar.setNavigationBarVisibility(config.navigationBarVisibility);
+      if (config.navigationBarButtonStyle !== undefined) SystemBar.setNavigationBarButtonStyle(config.navigationBarButtonStyle);
+      if (config.navigationBarStyle       !== undefined) SystemBar.setNavigationBarStyle(config.navigationBarStyle);
+      if (config.navigationBarBehavior    !== undefined) SystemBar.setNavigationBarBehavior(config.navigationBarBehavior);
+      if (config.statusBarStyle           !== undefined) SystemBar.setStatusBarStyle(config.statusBarStyle);
+      if (config.statusBarVisible         !== undefined) SystemBar.setStatusBarVisibility(config.statusBarVisible);
+      if (config.keepScreenOn             !== undefined) SystemBar.keepScreenOn(config.keepScreenOn);
+      if (config.immersiveMode            !== undefined) SystemBar.immersiveMode(config.immersiveMode);
+      if (config.brightness               !== undefined) SystemBar.setBrightness(config.brightness);
+      if (config.orientation              !== undefined) SystemBar.setOrientation(config.orientation);
+      if (config.secureScreen             !== undefined) SystemBar.setSecureScreen(config.secureScreen);
     };
 
     apply().catch(() => {