如何让 webview_flutter 使用 wideviewport？

Question

当我使用 webview_flutter 加载我的 Wix 网站时，它不会全屏显示，但它可以使用 flutter_webview_plugin，我认为问题是 webview_flutter 没有设置 wide viewport 本机 webView.getSettings().setUseWideViewPort(true); 那么我怎样才能让它使用这个宽视口呢？

Answer 1

所以经过 24 小时的调试，我能够通过自己分叉包和修改本机代码来达到预期的效果。

修改在文件 WebViewBuilder.java 上，只需添加行 webStettings.setUseWideViewPort(true); 即可激活 wideviewport

Answer 2

如果您自己控制 html 加载的内容（或者只是一些嵌入代码），请尝试在头部添加视口元标记；例如：

<html>
<head>
  <meta name="viewport"  content="width=device-width, initial-scale=1, maximum-scale=1"/>
</head>
<body>
<script async="" src="https://url-to-the-embed-code-you-are-using"></script>
</body>
</html>

如何让 webview_flutter 使用 wideviewport？

how to make webview_flutter use wideviewport?

viewport

webview

flutter

webview-flutter