android - 使用带有 web View 的暗模式

Question

我似乎无法让 android web view 使用深色主题或使用

@media (prefers-color-scheme: dark)

我正在使用带有 DayNight 主题的 AndroidX

有没有人在 api 29 之前有向后兼容的解决方案？

Answer 1

添加到您应用的 build.grade:

implementation "androidx.webkit:webkit:1.2.0"

您可以在此处查看要使用的最新版本:
https://developer.android.com/jetpack/androidx/releases/webkit
如果您有一个扩展 WebView 的类，则将其添加到扩展类的构造函数中:

  public MyWebView(Context context, AttributeSet attrs) {
       super(context, attrs);

       ...
            
      if (WebViewFeature.isFeatureSupported(WebViewFeature.FORCE_DARK)) {
          WebSettingsCompat.setForceDark(getSettings(), WebSettingsCompat.FORCE_DARK_ON);
      }

      ...
  }

如果您有一个实例化 webview 的 Activity ，请将其添加到 Activity 的 onCreate 方法中:

    myWebView = getViewById(R.id.web_content);
    if (WebViewFeature.isFeatureSupported(WebViewFeature.FORCE_DARK)) {
        WebSettingsCompat.setForceDark(myWebView.getSettings(),
                                       WebSettingsCompat.FORCE_DARK_ON);
    }

当然，您可能想决定您想要哪种力量策略:

WebSettingsCompat.FORCE_DARK_ON
WebSettingsCompat.FORCE_DARK_OFF
WebSettingsCompat.FORCE_DARK_AUTO