使用webview_flutter框架加载html代码以显示HTML文本编辑器样式的内容,发现字体太小。解决办法是将后台返给你的HtmlString包装成如下形式:

String htmlStr = """<!DOCTYPE html>
    <html>
      <head><meta name="viewport" content="width=device-width, initial-scale=1.0"></head>
      <body style='"margin: 0; padding: 0;'>
        <div>
          ${这里放后台返回的htmlString字符串}
        </div>
      </body>
    </html>""";

然后在onWebViewCreated回调方法中加载,即可正常显示。

 onWebViewCreated: (WebViewController webViewController) {
          _webViewController = webViewController;

          if (widget.htmlString != null) {
            _webViewController.loadHtmlString(widget.htmlString!);
          }
        },
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐