flutter加载慢，flutter 加载更多

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

症状：当一个WebView在重复打开达数十次甚至上百次时整个页面在滑动时会出现非常明显的卡顿现象。解决方法：将WebView销毁，重新创建一个即可消除卡顿，除此之外刷新WebView亦或是其他方法都无法消除卡顿。

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

重启机器。若手机电池为内置的，请同时按住电源键和下音量键7秒以上重启设备。手机后台程序运行过多，有可能造成您的机器运行缓慢、卡顿，建议关闭一些后台运行的程序。

目前该 issue 处于 open 的状态，暂时的解决办法是，在所有使用到 queryParameter 的地方用 try..catch 捕捉可能抛出的异常。

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

相关问答

Q1: flutter加载h5很卡

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

第一步：终端：open $HOME/.bash_profile 第二步：关闭，终端：source $HOME/.bash_profile 接着输入：open ~/.zshrc 这样就不用每次重新export路径了，然后重启电脑用Android studio create flutter项目时就可以通过了。

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

Flutter 开发非常依赖各种官方或第三方的插件，而在使用这些插件时多少都会遇到一些问题，大部分问题都可以通过搜索和查找 issue 来解决。这里记录下一些我在使用部分插件时遇到的问题及其解决方法。

flutter_webView_plugin ：在iOS中使用的就是原生的WKWebView，所以总体和 native WKWebView 表现差不多。如果是混编项目中，因为它被包了一层，所以页面加载上存在一定的劣势，所以混编项目中仍然推荐使用 WKWebView。

Q2: Flutter图片加载与缓存

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

Flutter的图片缓存机制有问题（可能是我使用的版本113有问题）网络图片会默认缓存到本地，但是不管图片是不是完整的或者损坏的，导致页面在下次进入的时候会优先从缓存里读取图片。

Image（图片组件）是显示图像的组件，一个显示图片的widget，支持图像格式：JPEG，PNG，GIF，动画GIF，WebP，动画WebP，BMP和WBM 构造方法 Image： 从ImageProvider获取数据 Image.network： 加载网络图片。

使用 cached_network_image 加载网络图片时，遇到 sharedmem_gpumem_alloc： mmap failed errno 12 Out of memory ，然后app会闪退。

Q3: Flutter——pdf阅读功能的实现

1、学习Dart语言：Dart是Flutter的编程语言，学习Dart可以帮助你更好地理解Flutter的实现原理和机制。学习Flutter基础组件：掌握Flutter的基础组件是开发Flutter应用的基础，例如文本、图片、按钮等。

2、导致生成的pdf比正常的大10多倍 flutter可以使用 pdf库 生成pdf，该库实现了一套自己的widgets，开发者可以像写普通widgets一样去写pdf；另外还提供了table相关的api，不用手动画表格，还支持自动分页，非常友好。

3、技术可行性分析——技术分析，场景分析，功能实现验证， 开发计划制定，实施，测试，验证，发布 webAPP有哪些？ WebApp是指基于Web的系统和应用，其作用是向广大的最终用户发布一组复杂的内容和功能。

4、咱们从各种业界主流跨端方案与Flutter的对比开始，到Flutter的简要介绍以及Flutter的运行机制，并以界面渲染过程为例，从布局、绘制、合成和渲染三个阶段讲述了Flutter的实现原理。

5、本文将为大家讲解如何通过pub库插件快速实现Flutter应用在双屏Android设备上交互通信。

6、不得不说这类工具功能很简单，但是怎么做到产品不臃肿简单易用，又能解决用户特定的痛点。懂得功能取舍，针对用户的使用场景进行设计，是一个很值得思考的问题。一味的功能堆砌在现在的市场是没有竞争力的。

Q4: Flutter下载jar速度慢

结论：兼容性 WKWebView = flutter_webview UIWebView UIWebView ： 速度相比较 WKWebView 稍快一点，但是内存是一大硬伤，所以只要条件允许，就不推荐使用了 WKWebView ： 速度略慢一点，不过差别不大，总体可以接受。

在Google刚推出Flutter时，其发展很缓慢，终于在18年发布第一个Bate版之后迎来了爆发性增长，发布第一个Release版时增长速度更快。可以从Github上Star数据看出来这个增长的过程。

aar。把目录flutter/examples/hello_services/android/导入到Android Studio中。点击File New New Module，选择Import .JAR/.AAR Package，添加AAR文件。打开工程属性，添加依赖模块就可以了。

一个是Flutter层同步执行队列； 一个是Native层的线程执行队列。 其Android实现机制是HandlerThread，因此Query/Save读写在会同一线程队列中，导致响应速度慢，容易造成DB SQL堆积，此外缺失缓存模型。

如果这个绝对是零基础(没学过其他编程语言，比如c语言)，如果真的很感兴趣，可以自学，但是速度比较慢。 总结：app开发拥有多种方法，选择最适合自己的方式方法很重要 答案写到这里，我想您应该知道了app的开发途径或者方法是什么。

为帮助大家学习Flutter这个全新的跨平台技术、掌握其背后的框架原理和底层设计思想，建立起属于自己的知识体系，这里特意联合谷歌技术团队共同整理了一份Flutter全家桶学习资料。

flutter加载慢的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter 加载更多、flutter加载慢的信息别忘了在本站进行查找喔。