如何在Flutter Android应用程序中快速显示网页？

Question

我想让网页在我的Flutter应用程序中响应式地显示，但我无法做到。它们的显示方式好像屏幕/视口要宽得多。例如，Android Chrome中的页面如下所示：

​

​

最终在我的应用程序中看起来像这样(不管我使用的是什么包)：

​

​

我已经尝试过webview_flutter和flutter_webview_plugin包，包括尝试了几个flutter_webview_plugin函数，打开和关闭它们：

Future<Null> launch(String url, {
   bool withJavascript: true,
   bool enableAppScheme: true,
   bool withZoom: false,
   bool scrollBar: true,
   bool displayZoomControls: false,
   bool useWideViewPort: false,
});

我开始认为解决方案不是Flutter或它的软件包，而是像操纵Android清单文件(因此有android和android-webview标签)之类的东西？

Answer 1

试着把https://pub.dev/packages/flutter_webview_plugin的userAgent改成chrome的，你可以找到here

Future<Null> launch(String url, {
   bool withJavascript: true,
   String userAgent : 'Mozilla/5.0 (Linux; <Android Version>; <Build Tag etc.>) AppleWebKit/<WebKit Rev> (KHTML, like Gecko) Chrome/<Chrome Rev> Mobile Safari/<WebKit Rev>'
});