webview_flutter加载HTML文本字体过小的解决
使用webview_flutter框架加载html代码以显示HTML文本编辑器样式的内容,发现字体太小。回调方法中加载,即可正常显示。
·
使用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!);
}
},
更多推荐
所有评论(0)