Skip to content

Instantly share code, notes, and snippets.

@kafri8889
Created December 23, 2023 15:26
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kafri8889/946e4c09e794a0b075c50be2ed2e28af to your computer and use it in GitHub Desktop.
Save kafri8889/946e4c09e794a0b075c50be2ed2e28af to your computer and use it in GitHub Desktop.
System bars controller for android (Jetpack Compose)
import android.app.Activity
import android.content.ContextWrapper
import androidx.compose.runtime.Composable
import androidx.compose.runtime.DisposableEffect
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberUpdatedState
import androidx.compose.runtime.setValue
import androidx.compose.ui.platform.LocalContext
import androidx.core.view.WindowCompat
import androidx.core.view.WindowInsetsCompat
import androidx.core.view.WindowInsetsControllerCompat
@Composable
fun rememberSystemBarsControllerState(
initialNavigationBarVisibility: SystemBarsVisibility = SystemBarsVisibility.Visible,
initialStatusBarVisibility: SystemBarsVisibility = SystemBarsVisibility.Visible,
): SystemBarsControllerState {
return remember { SystemBarsControllerState(initialNavigationBarVisibility, initialStatusBarVisibility) }
}
@Composable
fun installSystemBarsController(
state: SystemBarsControllerState = rememberSystemBarsControllerState()
) {
val mState by rememberUpdatedState(newValue = state)
val context = LocalContext.current
val insetsController = remember(context) {
val window = run {
// Get activity from context
while (context is ContextWrapper) {
if (context is Activity) return@run context
return@run context.baseContext as Activity
}
null
}?.window ?: return@remember null
WindowCompat.getInsetsController(window, window.decorView)
}
DisposableEffect(
state.isNavigationBarVisible,
state.isStatusBarVisible,
state.isSystemBarVisible
) {
insetsController?.apply {
systemBarsBehavior = if (mState.isSystemBarVisible) WindowInsetsControllerCompat.BEHAVIOR_DEFAULT
else WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
if (mState.isNavigationBarVisible) show(WindowInsetsCompat.Type.navigationBars())
else hide(WindowInsetsCompat.Type.navigationBars())
if (mState.isStatusBarVisible) show(WindowInsetsCompat.Type.statusBars())
else hide(WindowInsetsCompat.Type.statusBars())
}
onDispose {}
}
}
enum class SystemBarsVisibility {
Visible,
Gone
}
class SystemBarsControllerState(
initialNavigationBarVisibility: SystemBarsVisibility,
initialStatusBarVisibility: SystemBarsVisibility
) {
private var navigationBarVisibility by mutableStateOf(initialNavigationBarVisibility)
private var statusBarVisibility by mutableStateOf(initialStatusBarVisibility)
val isNavigationBarVisible: Boolean
get() = navigationBarVisibility == SystemBarsVisibility.Visible
val isStatusBarVisible: Boolean
get() = statusBarVisibility == SystemBarsVisibility.Visible
val isSystemBarVisible: Boolean
get() = navigationBarVisibility == SystemBarsVisibility.Visible && statusBarVisibility == SystemBarsVisibility.Visible
fun showNavigationBar() {
navigationBarVisibility = SystemBarsVisibility.Visible
}
fun showStatusBar() {
statusBarVisibility = SystemBarsVisibility.Visible
}
fun showSystemBar() {
navigationBarVisibility = SystemBarsVisibility.Visible
statusBarVisibility = SystemBarsVisibility.Visible
}
fun hideNavigationBar() {
navigationBarVisibility = SystemBarsVisibility.Gone
}
fun hideStatusBar() {
statusBarVisibility = SystemBarsVisibility.Gone
}
fun hideSystemBar() {
navigationBarVisibility = SystemBarsVisibility.Gone
statusBarVisibility = SystemBarsVisibility.Gone
}
}
@kafri8889
Copy link
Author

Example:

@Composable
private fun Prev() {

	val systemBarsControllerState = rememberSystemBarsControllerState(
		initialNavigationBarVisibility = SystemBarsVisibility.Gone,
		initialStatusBarVisibility = SystemBarsVisibility.Gone
	)

        // install controller
	installSystemBarsController(systemBarsControllerState)

	Column(
		verticalArrangement = Arrangement.spacedBy(16.dp),
		modifier = Modifier
			.systemBarsPadding()
	) {
		Button(
			onClick = {
				if (systemBarsControllerState.isSystemBarVisible) systemBarsControllerState.hideSystemBar()
				else systemBarsControllerState.showSystemBar()
			}
		) {
			Text("Toggle system bar")
		}

		Button(
			onClick = {
				if (systemBarsControllerState.isStatusBarVisible) systemBarsControllerState.hideStatusBar()
				else systemBarsControllerState.showStatusBar()
			}
		) {
			Text("Toggle status bar")
		}

		Button(
			onClick = {
				if (systemBarsControllerState.isNavigationBarVisible) systemBarsControllerState.hideNavigationBar()
				else systemBarsControllerState.showNavigationBar()
			}
		) {
			Text("Toggle navigation bar")
		}
	}
}

@kafri8889
Copy link
Author

Demo

system.bars.controller.preview.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment