如何使 WebView 全屏（颤振）答案

【问题标题】：How to make the WebView fullscreen (flutter)如何使 WebView 全屏（颤振）
【发布时间】：2020-11-10 03:45:53
【问题描述】：

我的应用中有一个 WebView。在模拟器中，它运行良好并且可以覆盖全屏。

但在我的手机上是这样的：

我的代码如下所示：

 WebView(

        initialUrl:
            'myurl',
        javascriptMode: JavascriptMode.unrestricted,
      ),

我该怎么做才能让它在手机上看起来像在模拟器中一样？

【问题讨论】：

看来您必须添加 CSS 才能使 IAB 达到 100% 宽度/高度
我该怎么做？
您可以使用 Chrome 远程调试来查看 DOM，然后进行适当的 CSS 调整。

标签： flutter dart

【解决方案1】：

也许尝试将 webwiev 包装在容器中并将其宽度和高度设置为最大屏幕尺寸。

Container(
      width: MediaQuery.of(context).size.width,
      height:MediaQuery.of(context).size.height ,
     child: WebView(

        initialUrl:
            'myurl',
        javascriptMode: JavascriptMode.unrestricted,
      ),
)

【讨论】：

@BestRazer 检查我的答案。
然后我得到一个带有文字的红屏（我无法在 cmets 中发布图片）
@BestRazer 所以尝试只设置高度或使用一些插件来设置全屏 webview。

【解决方案2】：

这只是我手机的一个错误。重启后就可以了。

【讨论】：