Android Compose中WebView深色模式适配：像素颜色反转方案问询

一、先修复官方WebView深色模式不生效的问题 #

你的代码仅配置了forceDark开关，但缺少关键的深色策略配置，且未处理本地HTML的适配逻辑，这是导致失效的核心原因：

1. 补充深色策略配置
   在设置forceDark后，添加forceDarkStrategy配置，针对本地HTML推荐使用DARK_STRATEGY_WEB_THEME_DARKENING_ONLY（仅当网页无深色主题时启用WebView自动深色化）：

if (WebViewFeature.isFeatureSupported(WebViewFeature.FORCE_DARK_STRATEGY)) {
    WebSettingsCompat.setForceDarkStrategy(settings, WebSettingsCompat.DARK_STRATEGY_WEB_THEME_DARKENING_ONLY)
}

2. 适配本地HTML内容
   如果你的本地HTML硬编码了背景色（如<body style="background:white">），WebView的强制深色模式不会覆盖该样式。可以：

• 移除HTML中硬编码的背景色/文字颜色，让WebView自动适配
• 给HTML添加深色模式适配CSS：

<style>
@media (prefers-color-scheme: dark) {
    body { background: #1a1a1a; color: #fff; }
    /* 其他元素的深色样式按需补充 */
}
</style>

3. 监听系统夜间模式变化
   当前代码仅在WebView创建时设置一次，若系统夜间模式切换，WebView不会自动更新。可在update块中重新检查配置并更新：

update = { webView ->
    // 原加载HTML代码...
    
    // 重新检查夜间模式并更新WebView设置
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
        webView.settings.setAlgorithmicDarkeningAllowed(true)
    } else if (WebViewFeature.isFeatureSupported(WebViewFeature.FORCE_DARK)) {
        val nightMode = activity.resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK
        WebSettingsCompat.setForceDark(webView.settings, 
            if (nightMode == Configuration.UI_MODE_NIGHT_YES) FORCE_DARK_ON else FORCE_DARK_OFF)
    }
}

二、在Compose中为AndroidView添加颜色滤镜（如颜色反转） #

如果官方方案仍无法满足需求，你可以直接通过Compose的Modifier.graphicsLayer给AndroidView添加颜色滤镜，实现类似ImageBitmap的ColorFilter效果，无需手动处理像素：

示例代码（颜色反转） #

val activity = LocalActivity.current!!
AndroidView(modifier = Modifier
        .background(colorResource(R.color.white), RoundedCornerShape(10))
        .padding(16.dp)
        // 添加颜色反转滤镜
        .graphicsLayer {
            colorFilter = ColorFilter.colorMatrix(ColorMatrix().apply {
                setToInvert() // 反转所有颜色
            })
        },
        factory = { context ->
            WebView(context).apply {
                // 原WebView配置代码...
            }
        },
        update = { webView ->
            // 原加载HTML代码...
        })

说明 #

• 这种方式是在Compose绘制阶段对AndroidView的输出内容应用滤镜，性能优于手动遍历像素修改
• 除了反转，你还可以通过ColorMatrix实现灰度、色调调整等其他颜色变换
• 注意：滤镜会应用到整个WebView内容，包括交互元素（如按钮、输入框），可能影响视觉体验，建议优先使用官方深色模式方案

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