Android应用WebView与深浅色主题切换UI异常排查求助

问题场景 #

在练习Android主题切换时，通过Switch按钮调用以下代码切换深浅色主题：

if (state) {
    AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
} else {
    AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)
}

原本功能正常，但添加包含WebView的Fragment后，从该Fragment切回主Fragment时出现UI颜色混乱、显示异常，移除WebView则恢复正常。

排查方向 #

• 清理WebView残留状态：WebView会缓存主题相关配置，在其所在Fragment的onDestroyView里彻底销毁WebView，避免残留状态影响其他Fragment：

  override fun onDestroyView() {
      webView?.let {
          it.removeAllViews()
          it.destroy()
          webView = null
      }
      super.onDestroyView()
  }
  

• 验证Fragment重建时的主题配置：主题切换会触发Activity和Fragment重建，检查主Fragment的onViewCreated方法里，是否重新读取当前主题的资源（如背景色、文字颜色），确保UI元素使用?attr/开头的主题属性而非硬编码颜色。
• 排查WebView页面的主题冲突：如果WebView加载的页面有硬编码的背景色、文字色，会和App主题切换产生视觉冲突。可以给WebView设置与当前主题匹配的背景色，或者让网页适配系统深色模式。
• 检查主题切换与Fragment切换的时机：避免在Fragment切换过程中触发主题切换，确保主题切换完成后再进行Fragment跳转，减少生命周期冲突。

内容的提问来源于stack exchange，提问作者SøsKø