rn-system-bar 1.0.0

package/android/build.gradle

@@ -0,0 +1,48 @@
+buildscript {
+    ext {
+        kotlinVersion = "1.9.22"
+    }
+
+    repositories {
+        google()
+        mavenCentral()
+    }
+
+    dependencies {
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion")
+    }
+}
+
+apply plugin: "com.android.library"
+apply plugin: "org.jetbrains.kotlin.android"
+
+android {
+    namespace "com.systemnavigationbar"
+
+    compileSdkVersion 34
+
+    defaultConfig {
+        minSdkVersion 21
+        targetSdkVersion 34
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+        }
+    }
+
+    lintOptions {
+        disable "GradleCompatible"
+    }
+}
+
+repositories {
+    google()
+    mavenCentral()
+}
+
+dependencies {
+    implementation "com.facebook.react:react-native:+"
+    implementation "org.jetbrains.kotlin:kotlin-stdlib:1.9.22"
+}

package/android/gradle.properties

@@ -0,0 +1,2 @@
+android.useAndroidX=true
+kotlin.code.style=official

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.systemnavigationbar">
+
+</manifest>

package/android/src/main/java/com/systemnavigationbar/SystemNavigationBarModule.kt

@@ -0,0 +1,137 @@
+package com.systemnavigationbar
+
+import android.app.Activity
+import android.content.Context
+import android.content.pm.ActivityInfo
+import android.graphics.Color
+import android.media.AudioManager
+import android.view.View
+import android.view.WindowManager
+import com.facebook.react.bridge.*
+
+class SystemNavigationBarModule(private val reactContext: ReactApplicationContext)
+  : ReactContextBaseJavaModule(reactContext) {
+
+  override fun getName(): String {
+    return "SystemNavigationBar"
+  }
+
+  private fun activity(): Activity? {
+    return currentActivity
+  }
+
+  @ReactMethod
+  fun setBackgroundColorAsync(color: String) {
+    val act = activity() ?: return
+
+    act.runOnUiThread {
+      val c = Color.parseColor(color)
+      act.window.navigationBarColor = c
+      act.window.statusBarColor = c
+    }
+  }
+
+  @ReactMethod
+  fun setVisibilityAsync(mode: String) {
+    val act = activity() ?: return
+
+    act.runOnUiThread {
+      if (mode == "hidden") {
+        act.window.decorView.systemUiVisibility =
+          View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or
+          View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
+      } else {
+        act.window.decorView.systemUiVisibility =
+          View.SYSTEM_UI_FLAG_VISIBLE
+      }
+    }
+  }
+
+  @ReactMethod
+  fun setBrightness(level: Float) {
+    val act = activity() ?: return
+
+    act.runOnUiThread {
+      val lp = act.window.attributes
+      lp.screenBrightness = level
+      act.window.attributes = lp
+    }
+  }
+
+  @ReactMethod
+  fun getBrightness(promise: Promise) {
+    val act = activity() ?: return
+    promise.resolve(act.window.attributes.screenBrightness)
+  }
+
+  @ReactMethod
+  fun keepScreenOn(enable: Boolean) {
+    val act = activity() ?: return
+
+    act.runOnUiThread {
+      if (enable) {
+        act.window.addFlags(
+          WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
+        )
+      } else {
+        act.window.clearFlags(
+          WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
+        )
+      }
+    }
+  }
+
+  @ReactMethod
+  fun setOrientation(mode: String) {
+    val act = activity() ?: return
+
+    act.runOnUiThread {
+      when (mode) {
+        "portrait" ->
+          act.requestedOrientation =
+            ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
+
+        "landscape" ->
+          act.requestedOrientation =
+            ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
+
+        "auto" ->
+          act.requestedOrientation =
+            ActivityInfo.SCREEN_ORIENTATION_FULL_SENSOR
+      }
+    }
+  }
+
+  @ReactMethod
+  fun setVolume(level: Float) {
+    val audioManager =
+      reactContext.getSystemService(Context.AUDIO_SERVICE)
+        as AudioManager
+
+    val max =
+      audioManager.getStreamMaxVolume(AudioManager.STREAM_MUSIC)
+
+    val vol = (level * max).toInt()
+
+    audioManager.setStreamVolume(
+      AudioManager.STREAM_MUSIC,
+      vol,
+      0
+    )
+  }
+
+  @ReactMethod
+  fun getVolume(promise: Promise) {
+    val audioManager =
+      reactContext.getSystemService(Context.AUDIO_SERVICE)
+        as AudioManager
+
+    val max =
+      audioManager.getStreamMaxVolume(AudioManager.STREAM_MUSIC)
+
+    val current =
+      audioManager.getStreamVolume(AudioManager.STREAM_MUSIC)
+
+    promise.resolve(current.toFloat() / max)
+  }
+}

package/android/src/main/java/com/systemnavigationbar/SystemNavigationBarPackage.kt

@@ -0,0 +1,22 @@
+package com.systemnavigationbar
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.*
+import com.facebook.react.uimanager.ViewManager
+
+class SystemNavigationBarPackage : ReactPackage {
+
+  override fun createNativeModules(
+    reactContext: ReactApplicationContext
+  ): List<NativeModule> {
+
+    return listOf(SystemNavigationBarModule(reactContext))
+  }
+
+  override fun createViewManagers(
+    reactContext: ReactApplicationContext
+  ): List<ViewManager<*, *>> {
+
+    return emptyList()
+  }
+}

package/index.ts

@@ -0,0 +1,25 @@
+import { NativeModules } from "react-native";
+
+const { SystemNavigationBar } = NativeModules;
+
+export const setBackgroundColorAsync = (color: string) =>
+  SystemNavigationBar.setBackgroundColorAsync(color);
+
+export const setVisibilityAsync = (mode: "visible" | "hidden") =>
+  SystemNavigationBar.setVisibilityAsync(mode);
+
+export const setBrightness = (level: number) =>
+  SystemNavigationBar.setBrightness(level);
+
+export const getBrightness = () => SystemNavigationBar.getBrightness();
+
+export const setVolume = (level: number) =>
+  SystemNavigationBar.setVolume(level);
+
+export const getVolume = () => SystemNavigationBar.getVolume();
+
+export const keepScreenOn = (enable: boolean) =>
+  SystemNavigationBar.keepScreenOn(enable);
+
+export const setOrientation = (mode: "portrait" | "landscape" | "auto") =>
+  SystemNavigationBar.setOrientation(mode);

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "rn-system-bar",
+  "version": "1.0.0",
+  "description": "React Native system navigation bar controller",
+  "main": "index.ts",
+  "types": "types.ts",
+  "react-native": "index.ts",
+  "keywords": [
+    "react-native",
+    "navigation-bar",
+    "status-bar",
+    "brightness",
+    "volume"
+  ],
+  "author": "Yadav Official",
+  "license": "MIT"
+}

package/types.ts

@@ -0,0 +1,3 @@
+export type NavigationBarVisibility = "visible" | "hidden";
+
+export type Orientation = "portrait" | "landscape" | "auto";