50.Compose 导航栏的颜色

会编程的猩猩

已于 2024-04-17 22:59:48 修改

阅读量244

点赞数 3

分类专栏： Android Compose 文章标签： android

于 2024-04-17 22:59:20 首次发布

本文链接：https://blog.csdn.net/u010436867/article/details/137892901

版权

Android Compose 专栏收录该内容

49 篇文章 23 订阅

订阅专栏

下面介绍两种方式改变状态栏的颜色（顶部和底部）

1、EdgeToEdge

代码如下

	val statusBarLight = PrimaryLight.toArgb()
    val statusBarDark = PrimaryDark.toArgb()
    val navigationBarLight =PrimaryLight.toArgb()
    val navigationBarDark = PrimaryDark.toArgb()
    val context = LocalContext.current as ComponentActivity

    DisposableEffect(darkTheme) {
        context.enableEdgeToEdge(
            statusBarStyle = if (!darkTheme) {
                SystemBarStyle.light(
                    statusBarLight,
                    statusBarDark
                )
            } else {
                SystemBarStyle.dark(
                    statusBarDark
                )
            },
            navigationBarStyle = if(!darkTheme){
                SystemBarStyle.light(
                    navigationBarLight,
                    navigationBarDark
                )
            } else {
                SystemBarStyle.dark(navigationBarDark)
            }
        )
        onDispose { }
    }

2、Window

代码如下

 	val statusBarLight = PrimaryLight.toArgb()
    val statusBarDark = PrimaryDark.toArgb()
    val navigationBarLight =PrimaryLight.toArgb()
    val navigationBarDark = PrimaryDark.toArgb()
    val view = LocalView.current
    DisposableEffect(darkTheme) {
        val activity = view.context as Activity
        activity.window.statusBarColor = if (darkTheme){statusBarDark} else {statusBarLight}
        activity.window.navigationBarColor = if (darkTheme){navigationBarDark} else {navigationBarLight}

        WindowCompat.getInsetsController(activity.window, activity.window.decorView).apply {
            isAppearanceLightStatusBars = !darkTheme
            isAppearanceLightNavigationBars = !darkTheme
        }

        onDispose { }
    }