flutter 与WebView相关的需求整理(推荐)

前言

在一款app的开发中,或多或少都离不开需要使用到WebView来加载H5页面等需求,本篇文章主要讲解下Flutter中与WebView相关的几个需求的实现,具体包含以下几种情况:

0,加载Html富文本内容且高度自适应
1,加载普通的H5网页并显示加载进度,并支持设置加载H5页面时的请求头参数
2,更优雅的加载本地的Html文件
3,WebView显示HTML富文本,并处理适配,以及拦截超链接跳转,自定义app内跳转
4,WebView与JS之间的相互通信

显示WebView使用的是webview_flutter官方插件,同时支持Android和IOS,在iOS中底层调用的是WKWebView,在Android中底层调用的是WebView。

使用

添加依赖如下:

webview_flutter: 最新版本

注意:如果在项目中引入当前最新版本的插件时,出现版本兼容性问题不要慌,我们可以在pubspec.yaml文件中引入时先将版本指定为any,如:webview_flutter: any,系统就会自动去拉取兼容当前环境的最新的包,然后等包拉取完毕之后,我们在pubspec.lock文件中就能查看到对应的插件版本,如:version: “2.0.2”,再将之前的any修改为指定的版本即可:webview_flutter: 2.0.2࿰

你可能感兴趣的:(flutter,WebView)