Jetpack Compose Material3中修改状态栏文字颜色的问题
解决Jetpack Compose中状态栏文字/图标颜色自定义问题
针对你的需求(浅色模式下状态栏文字图标用Color.DarkGray,深色模式下用Color.LightGray),结合你的minSdk 32(Android 12+),可以直接使用Android 12提供的新API实现,无需依赖废弃方法:
实现步骤
在Compose的根布局/主题中,通过SideEffect监听主题模式变化,动态设置状态栏图标文字颜色:
class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { JetWeatherForecastTheme { val view = LocalView.current if (!view.isInEditMode) { // 判断当前是否为深色模式 val isDarkMode = isSystemInDarkTheme() SideEffect { val window = (view.context as Activity).window // 可选:设置状态栏背景色(根据你的需求调整,这里设为透明示例) window.statusBarColor = Color.TRANSPARENT // 根据主题模式设置状态栏图标文字颜色 val useLightIcons = !isDarkMode // 浅色模式下启用深色图标文字 window.insetsController?.setSystemBarsAppearance( if (useLightIcons) WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS else 0, WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS ) } } // 你的应用UI内容 Surface( modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background ) { // ... 你的界面代码 } } } } }
代码说明
isSystemInDarkTheme():自动识别当前系统/应用的主题模式,确保颜色切换跟随主题变化WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS:启用该flag时,状态栏图标和文字会变为深色(对应你需要的Color.DarkGray);关闭该flag时,图标文字为浅色(对应Color.LightGray)SideEffect:确保每次主题模式变化时,重新应用状态栏设置,避免状态不一致
注意事项
- 若你需要自定义状态栏背景色,只需修改
window.statusBarColor的值即可,确保背景色和图标文字颜色有足够对比度 - 你的minSdk为32,完全支持
WindowInsetsControllerAPI,无需兼容Android 11及以下版本的废弃方法
内容的提问来源于stack exchange,提问作者Harya Kumuda
相关产品推荐
相关产品推荐

