DataCamp Light在flutter webview中不起作用

Posted 2023-02-23

【中文标题】DataCamp Light在flutter webview中不起作用

【英文标题】：DataCamp Light not working in flutter webview

【发布时间】：2020-04-12 23:03:37

【问题描述】：

我正在编写一个在 Flutter 中显示 WebView 的应用程序。为此，我将webview_flutter 包添加到我的pubspec.yaml 中，如下所示：

  dependencies:
    webview_flutter: "^0.3.18+1"

我想显示这个网址：https://cran.r-project.org/web/packages/tutorial/vignettes/tutorial-basics.html

所以我做了以下事情：

class WebViewExample extends StatelessWidget 

  @override
  Widget build(BuildContext context) 
    return new Scaffold(
        body: Container(
            child: WebView(
              initialUrl: 'https://cran.r-project.org/web/packages/tutorial/vignettes/tutorial-basics.html',
              javascriptMode: JavascriptMode.unrestricted,
              userAgent: "Google Chrome Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36.",
            )
        )
    );

  

除了我尝试运行R 代码时，一切都按预期工作。 Datacamp fiddle 尝试设置工作区，但随后我得到：“您的会话已断开连接”，尽管它在浏览器中运行良好。

我也尝试了flutter_webview_plugin，结果相同。

有什么建议运行这个吗？

【问题讨论】：

您是否尝试设置此属性：bool ignoreSSLErrors: false。 pub.dev/packages/flutter_webview_plugin。此错误可能源于 SSL 错误？

尝试生成一个使用 R 和 tutorial 包生成的简单 HTML，然后在您的 initialUrl 中使用它而不是 cran 链接。

【参考方案1】：

您可以为您的WebView 使用完成符。并在onWebViewCreated() 中使用它

final Completer<WebViewController> _controller =Completer<WebViewController>();
WebView(
      initialUrl: selectedUrl,
      javascriptMode: JavascriptMode.unrestricted,
      onWebViewCreated: (WebViewController webViewController) 
        _controller.complete(webViewController);
      ,
    )