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

Question

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

Answer 1

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

flutterWebViewPlugin.evalJavascript(js);

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

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

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

Answer 2

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