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࿰

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智玲君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值