Android状态栏文字图标设置失效

一、背景

今天无意中发现以前常用的com.githang.statusbar.StatusBarCompat设置状态栏文字颜色竟然失效了,经过排查发现Activity启用了enableEdgeToEdge之后就失效,去除enableEdgeToEdge就生效了。

为了适应新的Compose界面布局进行了各种尝试,最后按照一下步骤解决问题。

二、步骤

设置Compose主体

使用到Scaffold的情况下,在Scaffold外层添加MaterialTheme主题,对主题进行colorScheme定义,由外部控制Scaffold颜色变化。

动态控制状态栏颜色

复制代码
WindowCompat.getInsetsController(window, window.decorView).isAppearanceLightStatusBars = it

主题

复制代码
private val DarkColorScheme = darkColorScheme(
    primary = Purple80,
    secondary = PurpleGrey80,
    tertiary = Pink80
)

private val LightColorScheme = lightColorScheme(
    primary = Purple40,
    secondary = PurpleGrey40,
    tertiary = Pink40

    /* Other default colors to override
    background = Color(0xFFFFFBFE),
    surface = Color(0xFFFFFBFE),
    onPrimary = Color.White,
    onSecondary = Color.White,
    onTertiary = Color.White,
    onBackground = Color(0xFF1C1B1F),
    onSurface = Color(0xFF1C1B1F),
    */
)

@Composable
fun CclxmpaasguideTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    // Dynamic color is available on Android 12+
    dynamicColor: Boolean = true,
    content: @Composable () -> Unit
) {
    val colorScheme = when {
        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
            val context = LocalContext.current
            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
        }

        darkTheme -> DarkColorScheme
        else -> LightColorScheme
    }

    MaterialTheme(
        colorScheme = colorScheme,
        typography = Typography,
        content = content
    )
}

Scaffold

复制代码
CclxmpaasguideTheme(!isLight) {
        Scaffold(topBar = {
            CenterAlignedTopAppBar(title = {
                Text("开发调试")
            }, navigationIcon = {
                navigateBack?.let {
                    IconButton(onClick = it) {
                        Icon(imageVector = Icons.AutoMirrored.Filled.ArrowBack, null)
                    }
                }
            })
        }, containerColor = Color.White, content = { paddingValues ->
            Box(modifier = Modifier.padding(paddingValues)) {
          }
        })
    }

动态设置isLight可控制主题变化,配置设置状态栏黑白色达到预期效果。

相关推荐
小米渣的逆袭几秒前
Android ADB 完全使用指南
android·adb
儿歌八万首10 分钟前
Jetpack Compose Canvas 进阶:结合 animateFloatAsState 让自定义图形动起来
android·动画·compose
zhangphil1 小时前
Android Page 3 Flow读sql数据库媒体文件,Kotlin
android·kotlin
神探小白牙1 小时前
echarts,3d堆叠图
android·3d·echarts
李白的天不白2 小时前
如何项目发布到github上
android·vue.js
summerkissyou19872 小时前
Android-RTC、NTP 和 System Time(系统时间)
android
小书房2 小时前
Kotlin使用体验及理解1
android·开发语言·kotlin
撩得Android一次心动2 小时前
Android Navigation 组件全面讲解
android·jetpack·navigation
向阳是我3 小时前
Flutter Android 编译错误修复:JVM Target Compatibility 不一致问题记录
android·jvm·flutter
Kapaseker3 小时前
我想让同事知道我很懂 Compose 怎么办?
android·kotlin