如何更改 JetpackCompose 应用程序中的状态栏和导航栏颜色？

Question

我想更改我的应用程序中的状态栏和导航栏颜色，默认情况下未设置。 这是我的可组合 AppTheme 函数，我必须对其进行更改。

val view = LocalView.current
    if (!view.isInEditMode) {
        SideEffect {
            val window = (view.context as Activity).window
            window.statusBarColor = colorScheme.primary.toArgb()
            WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = darkTheme
        }
    }

private val DarkColorScheme = darkColorScheme(
    primaryContainer = Color.Black,
    onPrimaryContainer = Color.White
)
private val LightColorScheme = lightColorScheme(
    primary = RoyalBlue,
    primaryContainer = RoyalBlue,
    onPrimaryContainer = Color.White
)

Answer 1

将此行添加到您的 AppTheme 可组合函数中：

            window.statusBarColor = if (darkTheme)  Color.Black.toArgb() else RoyalBlue.toArgb()

这里根据你的深色和浅色改变颜色。