Flutter webview强制暗模式解决方案？

Posted 2023-02-23

【中文标题】Flutter webview强制暗模式解决方案？

【英文标题】：Flutter webview force the dark mode Solution?

【发布时间】：2021-08-29 20:51:52

【问题描述】：

我正在 Flutter 中开发一个应用程序（带有 webview），当在设备上激活暗模式时，webview 会更改 web 的颜色（文本和背景）以使其变暗，从而产生可怕的结果。 我尝试将整个应用程序设置为浅色模式（themeMode: ThemeMode.light），但它不起作用。 我还在我的网站中设置颜色为白色，它在 Chrome 中看起来很正常。你知道怎么解决吗？ 谢谢？

【问题讨论】：

您是否尝试在更改后重新启动应用程序？

Ashok 我这样做了很多次但没有工作

你找到答案了吗？

没有约翰还在摇摆

【参考方案1】：

将以下依赖项添加到您的 gradle 构建中：

implementation 'androidx.webkit:webkit:1.3.0'

并将以下代码 sn-p 添加到您的webview initialization：

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

Can check the Credits here

【讨论】：

我已经为所有应用设置了这个，但它不起作用

更改后您是否尝试重新启动？

感谢 Ashok 的努力，请您清除这个我可以在我的代码中使用这个 sn-p 的位置。我尝试使用但不明白如何使用 sn-p。