如何在flutter webview中将外部css应用于html渲染

【问题标题】：How to apply external css to html render in flutter webview如何在flutter webview中将外部css应用于html渲染
【发布时间】：2020-01-23 03:37:10
【问题描述】：

我想将外部 css 应用于在颤振 webview 中呈现的 html。在 android 中它是使用以下语法完成的。

【问题讨论】：

标签： html css flutter flutterwebviewplugin

【解决方案1】：

您可以使用webview。 Flutter 本身不提供任何东西来渲染 HTML 或 CSS 或执行 JS。

【讨论】：

Flutter 不提供渲染完整的 HTML 或 CSS，代码，你可以使用 WebView，WebView 是一种 Web 浏览器，非常昂贵的小部件，它可能会减慢你的应用程序，我建议你去仅使用小部件。

【解决方案2】：

您可以通过调用将任何 JavaScript 提交到您的 web 视图：

flutterWebViewPlugin.evalJavascript(js);

在您的 JavaScript 中，您可以使用 here 描述的一些解决方案添加 CSS 样式。例如：

// Create our shared stylesheet:
const sheet = new CSSStyleSheet();
sheet.replaceSync('#target {color: darkseagreen}');

// Apply the stylesheet to a document:
document.adoptedStyleSheets = [sheet];

【讨论】：