如何在我的 flutter 应用程序中显示网页？

Question

我正在尝试在我的 flutter 应用程序中显示一个网页。我尝试了 url 启动器，但是当我在 chrome 中测试它时，它会创建一个新选项卡。我想显示网页，同时我的选项卡仍然可见。

这将打开一个新选项卡：

showLink(链接) 异步 {

if (await canLaunch(link)) {
  await launch(link, forceSafariVC: true, forceWebView: true);
} else {
  throw "Could not open link (" + link + ").";
}

}

我传递了所有可能的布尔参数组合。我尝试了 webview，但失败了：

 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text("TutorialKart - Flutter WebView"),
        ),
        body: Center(
          child: WebView(
            initialUrl: 'https://www.tutorialkart.com/',
            javascriptMode: JavascriptMode.unrestricted,
            onWebViewCreated: (WebViewController webViewController) {
              _controller = webViewController;
            },
          ),
        ),
      ),
    );
  }
}

我得到：

不支持的操作：尝试使用 TargetPlatform.windows 的默认 webview 实现，但没有默认的实现

它还提供了一个链接，但该链接毫无用处，并且与错误相关。

我怎样才能让网络视图正常工作，或者有更好的选择吗？

Answer 1

假设您正在使用以下包。

webview_flutter: ^2.0.7

它目前不支持该Web平台，仅支持Android和iOS根据其文档。

在 Flutter Web 上实现的一种方法WebView是使用IframeElement.

检查此以了解实施细节。