rn-system-bar 3.1.1 → 3.1.4

package/android/src/main/AndroidManifest.xml

@@ -1,9 +1,9 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.systembar">
+    xmlns:tools="http://schemas.android.com/tools">
 
     <!-- Required for writing system brightness -->
-    <uses-permission android:name="android.permission.WRITE_SETTINGS"
-        tools:ignore="ProtectedPermissions"
-        xmlns:tools="http://schemas.android.com/tools"/>
+    <uses-permission
+        android:name="android.permission.WRITE_SETTINGS"
+        tools:ignore="ProtectedPermissions" />
 
 </manifest>

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

@@ -5,12 +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
@@ -20,6 +25,7 @@ import android.view.WindowManager
 import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
 
+@Suppress("DEPRECATION", "OVERRIDE_DEPRECATION")
 class SystemBarModule(
   private val reactContext: ReactApplicationContext
 ) : ReactContextBaseJavaModule(reactContext) {
@@ -27,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
@@ -42,84 +46,189 @@ class SystemBarModule(
     else           -> AudioManager.STREAM_MUSIC
   }
 
+  private fun emit(event: String, data: WritableMap) {
+    reactContext
+      .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+      .emit(event, data)
+  }
+
   // ═══════════════════════════════════════════════
-  //  NAVIGATION BAR COLOR
-  //  Direct Window API — edge-to-edge safe.
+  //  NAVIGATION BAR — 100% native, no expo dep
   // ═══════════════════════════════════════════════
 
   @ReactMethod
   fun setNavigationBarColor(color: String) {
     activity()?.runOnUiThread {
-      try {
-        activity()!!.window.navigationBarColor =
-          android.graphics.Color.parseColor(color)
-      } catch (_: Exception) {}
+      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 {
+          dv.systemUiVisibility and View.SYSTEM_UI_FLAG_HIDE_NAVIGATION.inv()
+        }
+      }
+    }
+  }
+
+  @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()
+      }
     }
   }
 
   // ═══════════════════════════════════════════════
   //  BRIGHTNESS
-  //
-  //  setBrightness — TWO things at once:
-  //    1. window.attributes.screenBrightness  → current screen (instant)
-  //    2. Settings.System.SCREEN_BRIGHTNESS   → system brightness persisted
-  //
-  //  Requires WRITE_SETTINGS permission.
-  //  If permission not granted → request it, still apply window brightness.
-  //
-  //  getBrightness — reads SYSTEM brightness (0–255 → 0.0–1.0)
-  //  so the slider always shows the true system value.
   // ═══════════════════════════════════════════════
 
   @ReactMethod
   fun setBrightness(level: Float) {
     val clamped = level.coerceIn(0.01f, 1f)
-
-    // 1️⃣ Window brightness — instant, no permission needed
     activity()?.runOnUiThread {
       val lp = activity()!!.window.attributes
       lp.screenBrightness = clamped
       activity()!!.window.attributes = lp
     }
-
-    // 2️⃣ System brightness — persisted, needs WRITE_SETTINGS
     val sysValue = (clamped * 255).toInt().coerceIn(1, 255)
-
     if (Settings.System.canWrite(reactContext)) {
-      // Permission granted — write system brightness
-      Settings.System.putInt(
-        reactContext.contentResolver,
-        Settings.System.SCREEN_BRIGHTNESS,
-        sysValue
-      )
-      // Also disable auto-brightness so manual value sticks
-      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 {
-      // No permission — open system settings so user can grant it once
-      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 {
-      // Always read from system setting so value matches device brightness bar
-      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
   }
 
   // ═══════════════════════════════════════════════
@@ -128,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) {}
   }
@@ -145,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
   }
 
   // ═══════════════════════════════════════════════
@@ -178,16 +317,11 @@ class SystemBarModule(
           c.show(WindowInsets.Type.statusBars() or WindowInsets.Type.navigationBars())
         }
       } else {
-        @Suppress("DEPRECATION")
         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 }
       }
     }
   }
@@ -211,7 +345,8 @@ class SystemBarModule(
       "landscape"       -> ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
       "landscape-left"  -> ActivityInfo.SCREEN_ORIENTATION_REVERSE_LANDSCAPE
       "landscape-right" -> ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
-      else              -> ActivityInfo.SCREEN_ORIENTATION_FULL_SENSOR
+      // "auto" = respect system auto-rotate toggle (unspecified = sensor)
+      else              -> ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED
     }
   }
 
@@ -221,26 +356,28 @@ class SystemBarModule(
 
   private var displayListener: DisplayManager.DisplayListener? = null
 
-  private fun emit(event: String, data: WritableMap) {
-    reactContext
-      .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
-      .emit(event, data)
-  }
-
-  private fun buildScreencastMap(): WritableMap {
-    val dm  = displayManager()
-    val map = Arguments.createMap()
-    val presentations = dm.getDisplays(DisplayManager.DISPLAY_CATEGORY_PRESENTATION)
-    val isCasting = presentations.isNotEmpty()
-    map.putBoolean("isCasting", isCasting)
-    if (isCasting) map.putString("displayName", presentations[0].name)
+  private fun buildDisplayListMap(): WritableMap {
+    val dm       = displayManager()
+    val map      = Arguments.createMap()
+    val displays = dm.getDisplays(DisplayManager.DISPLAY_CATEGORY_PRESENTATION)
+    val arr      = Arguments.createArray()
+    for (d in displays) {
+      val item = Arguments.createMap()
+      item.putInt("id", d.displayId)
+      item.putString("name", d.name)
+      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)
     else map.putNull("displayName")
     return map
   }
 
   @ReactMethod
   fun getScreencastInfo(promise: Promise) {
-    try { promise.resolve(buildScreencastMap()) }
+    try { promise.resolve(buildDisplayListMap()) }
     catch (e: Exception) { promise.reject("SCREENCAST_ERROR", e.message, e) }
   }
 
@@ -248,9 +385,9 @@ class SystemBarModule(
   fun startScreencastListener() {
     if (displayListener != null) return
     val listener = object : DisplayManager.DisplayListener {
-      override fun onDisplayAdded(id: Int)   { emit("SystemBar_ScreencastChange", buildScreencastMap()) }
-      override fun onDisplayRemoved(id: Int) { emit("SystemBar_ScreencastChange", buildScreencastMap()) }
-      override fun onDisplayChanged(id: Int) { emit("SystemBar_ScreencastChange", buildScreencastMap()) }
+      override fun onDisplayAdded(id: Int)   { emit("SystemBar_ScreencastChange", buildDisplayListMap()) }
+      override fun onDisplayRemoved(id: Int) { emit("SystemBar_ScreencastChange", buildDisplayListMap()) }
+      override fun onDisplayChanged(id: Int) { emit("SystemBar_ScreencastChange", buildDisplayListMap()) }
     }
     displayListener = listener
     displayManager().registerDisplayListener(listener, null)
@@ -264,6 +401,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/types.d.ts

@@ -5,7 +5,13 @@ export type NavigationBarVisibility = "visible" | "hidden";
 export type StatusBarStyle = "light" | "dark";
 export type Orientation = "portrait" | "landscape" | "landscape-left" | "landscape-right" | "auto";
 export type VolumeStream = "music" | "ring" | "notification" | "alarm" | "system";
+export interface ScreencastDisplay {
+    id: number;
+    name: string;
+    isValid: boolean;
+}
 export interface ScreencastInfo {
     isCasting: boolean;
     displayName: string | null;
+    displays: ScreencastDisplay[];
 }

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)
@@ -91,6 +88,7 @@ const useScreencast = () => {
     const [info, setInfo] = (0, react_1.useState)({
         isCasting: false,
         displayName: null,
+        displays: [],
     });
     (0, react_1.useEffect)(() => {
         SystemBar.getScreencastInfo().then(setInfo).catch(() => { });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-system-bar",
-  "version": "3.1.1",
+  "version": "3.1.4",
   "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/types.ts

@@ -26,7 +26,14 @@ export type VolumeStream =
   | "alarm"
   | "system";
 
+export interface ScreencastDisplay {
+  id: number;
+  name: string;
+  isValid: boolean;
+}
+
 export interface ScreencastInfo {
   isCasting: boolean;
   displayName: string | null;
+  displays: ScreencastDisplay[];
 }

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(() => {
@@ -78,6 +73,7 @@ export const useScreencast = () => {
   const [info, setInfo] = useState<ScreencastInfo>({
     isCasting: false,
     displayName: null,
+    displays: [],
   });
 
   useEffect(() => {