Compose中isSystemInDarkTheme()函数工作异常问题咨询

以下场景中，Compose的isSystemInDarkTheme()会错误返回false：

• 从XML构建的Fragment A跳转至Compose构建的Fragment B；
• 将设备主题切换为深色模式；
• Fragment B当前正常显示为深色模式；
• 保持系统深色模式状态，返回Fragment A；
• 再次打开Fragment B；
• 此时isSystemInDarkTheme()返回false；
• 导致Fragment B在系统深色主题下错误显示为浅色模式。

return ComposeView(requireContext()).apply {
    setContent {
        MainTheme {
            ProvideWindowInsets {
                val isDarkTheme: Boolean = isSystemInDarkTheme()
                BuildUI(isDarkTheme = isDarkTheme)
            }
        }
    }
}

核心问题在于requireContext()获取的是Fragment A的旧上下文实例，当系统主题切换后，该上下文的主题配置未同步更新。Fragment B重新创建时复用了这个旧上下文，导致isSystemInDarkTheme()读取的是过期的主题配置。

方法1：使用Activity上下文 #

改用requireActivity()获取当前Activity的上下文，确保能拿到最新的系统主题配置：

return ComposeView(requireActivity()).apply {
    setContent {
        MainTheme {
            ProvideWindowInsets {
                val isDarkTheme: Boolean = isSystemInDarkTheme()
                BuildUI(isDarkTheme = isDarkTheme)
            }
        }
    }
}

方法2：在Compose内部获取当前上下文 #

通过Compose的LocalContext获取实时上下文，确保主题配置是最新的：

return ComposeView(requireContext()).apply {
    setContent {
        val currentContext = LocalContext.current
        MainTheme {
            ProvideWindowInsets {
                val isDarkTheme: Boolean = isSystemInDarkTheme(currentContext)
                BuildUI(isDarkTheme = isDarkTheme)
            }
        }
    }
}

方法3：确保主题实现正确依赖系统状态 #

检查MainTheme的实现，确保它正确基于isSystemInDarkTheme()切换配色：

private val DarkColorScheme = darkColorScheme(/* 深色配色定义 */)
private val LightColorScheme = lightColorScheme(/* 浅色配色定义 */)

@Composable
fun MainTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
) {
    val colorScheme = if (darkTheme) DarkColorScheme else LightColorScheme
    MaterialTheme(
        colorScheme = colorScheme,
        content = content
    )
}

以上方法均可保证每次进入Fragment B时，正确读取当前系统的主题状态，避免主题显示不匹配的问题。

内容的提问来源于stack exchange，提问作者kokoko