九、Flutter之webview

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了九、Flutter之webview相关的知识,希望对你有一定的参考价值。

参考技术A Flutter的webview常用的第三方库有 flutter_webview_plugin 、 webview_flutter ,后者的文档较少,暂先学习flutter_webview_plugin。

添加依赖

导入包

ios端info.plist配置,其中NSAppTransportSecurity节点是为了支持http协议

一个简单的demo

要监听链接跳转的话,实现onUrlChanged即可

添加依赖

导入包

iOS端info.plist配置

一个简单的demo

但是在webview里点击链接跳转的时候,测试机有时会跳转到系统浏览器上,并且点击文本框无法弹出键盘,交互性很弱。

二者共同的缺点是与javascript难以交互,目前只能实现Flutter->JS传递信息,还没找到可以进行完美交互的第三方库。并且一些常见的协议还不支持,比如拨号和调用摄像头等,期待后续完善。

以上是关于九、Flutter之webview的主要内容,如果未能解决你的问题,请参考以下文章

用于教育通知的 Webview Flutter

webview_flutter 3.0.0 问题无法解决(onWebViewCreated)

如果在 WebView Flutter 中导航失败,则重新加载页面

webview_flutter滑动存在卡顿问题的完美解决方法

webview_flutter3.0.4无法加载http图片

如何在 WebView Flutter 中允许 mailto 和 tel URL 方案?