一、背景
今天无意中发现以前常用的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可控制主题变化,配置设置状态栏黑白色达到预期效果。