webview_flutter无响应，flutter webview plugin

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

1、一种临时解决方案，在切换动画加载完毕后，再去构造 WebView，这样从用户角度上看，就不会有路由切换动画的卡顿了。

2、首先我们先确定滑动冲突是事件分发机制的事情。

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

4、其实做的事情跟原生封装WebView组件类似。

5、WebViewClient.onPageFinished()。你永远无法确定当WebView调用这个方法的时候，网页内容是否真的加载完毕了。

6、onScrollChanged(int l， int t， int oldl， int oldt)方法。这个方法。是受到保护的所以我们无法直接使用，所以我们写一个加强的WebView，重写onScrollChanged方法并利用接口回调。

相关问答

Q1: webview_flutter3.0.4无法加载http图片

1、网页是https链接，其中混用了http的图片，会导致无法加载。

2、从Android 0（API级别28）开始，默认情况下禁用明文支持。

3、原因：H5链接是：https，而里边图片地址是：http；Android webview 从Lollipop(0)开始webview默认不允许混合模式，https当中不能加载http资源，需要设置开启。

Q2: 九、Flutter之webview

1、Flutter的webview常用的第三方库有 flutter_webview_plugin 、 webview_flutter ，后者的文档较少，暂先学习flutter_webview_plugin。

2、从Android 0（API级别28）开始，默认情况下禁用明文支持。

3、对普通的组件进行截图的话，使用RepaintBoundary包裹需要截图的组件就行。官方的webivew的层级太高会无法展示按钮，且通过RepaintBoundary截图是空白的。

4、webview的版本是webview_flutter： ^0.22+1 现在遇到的问题是如果webview中输入密码的话，像华为这种会调用自己的安全键盘，这时候就会黑屏，应该是内部计算键盘高度的问题。

5、UIWebView ： 速度相比较 WKWebView 稍快一点，但是内存是一大硬伤，所以只要条件允许，就不推荐使用了 WKWebView ： 速度略慢一点，不过差别不大，总体可以接受。是比UIWebView更好的选择，推荐使用。

6、网页是https链接，其中混用了http的图片，会导致无法加载。

Q3: flutter加载h5很卡

一开始我就使用Future、async、await去做异步操作，以为这样能解决问题，经过一天研究发现他们都还在同一个线程里面，也就是UI线程，导致卡顿，这明显不是我们想要的异步加载数据。

那么App内加载H5的过程是什么样的呢？App打开H5过程 打开H5分为4个阶段：这四步，对应的过程如上图所以，我们可以针对性的做性能优化。

配合实现图片缓存， ImageProvider 从数据源加载完数据后，会在 ImageCache 中缓存图片数据，图片数据缓存时一个 Map ，其中 Map 中的 key 便是 obtainKey 。

需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件，并且可以发送消息给h5。首先使用的组件是flutter_WebView_plugin，这个组件不能嵌套flutter组件，所以放弃这个组件。

Q4: Flutter中对webview截图

1、Flutter的webview常用的第三方库有 flutter_webview_plugin 、 webview_flutter ，后者的文档较少，暂先学习flutter_webview_plugin。

2、在Flutter中没有WebView组件，但是有官方提供的webview_flutter插件。其实做的事情跟原生封装WebView组件类似。

3、FlutterWebView.m文件：通过以上骚操作，就可以实现webview_flutter在android和ios设备上加载本地html文件了。

4、需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件，并且可以发送消息给h5。首先使用的组件是flutter_WebView_plugin，这个组件不能嵌套flutter组件，所以放弃这个组件。

5、网页是https链接，其中混用了http的图片，会导致无法加载。

关于webview_flutter无响应和flutter webview plugin的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。