flutter图片加载优化，flutter_image_compress

Flutter性能优化

直接在 build 里调用肯定可以，虽然 build 会被比较频繁执行，但是 of(context) 操作其实就是在一个 map 里通过 key - value 获取泛型对象，所以对性能不会有太大的影响。

Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

一个Demo，3个动画的CPU使用率达到了80%，如果用java or kotlin 去实现应该不会有那么高的占有率，所以Flutter的还需要继续的优化。

逻辑处理使用支持AOT的Dart语言，执行效率也比JavaScript高得多。

相关问答

Q1: 【Flutter】图片、内容、滚动空间溢出调整

大家在学习Flutter的时候，刚刚开始学习布局应该会各种遇到溢出。比如在用到Row或者Column经常会遇到布局溢出的问题。

Text(long text...) 中文字过长会换行显示。但如果放置在Row()中 Row(children：[Text(long text...)]) 文字就不会换行显示，还可能会报错某一侧长度溢出了多少像素。

Flutter Widget树中子Widget可以通过发送通知（Notification）与父(包括祖先)Widget通信。

若外部没有设置高度，则会产生此报错。解决放案：为ListView、GridView设置属性 shrinkWrap： true，刷新后，报错消失，但是发现其只可内部滚动。至此，需求达成。

滚动步长插值器优化（了解） 官方的滚动差值器在出现小卡顿时，滚动步长会出现大的跳跃，导致体感上出现很明显的抖动，优化步长偏移量算法与原生效果对齐。

Flutter Widget采用现代响应式框架构建，这是从 React 中获得的灵感，中心思想是用widget构建你的UI。 Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么。

Q2: flutter图片内存优化

滚动步长插值器优化（了解） 官方的滚动差值器在出现小卡顿时，滚动步长会出现大的跳跃，导致体感上出现很明显的抖动，优化步长偏移量算法与原生效果对齐。

注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。

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

Flutter 里的 BuildContext 相信大家都不会陌生，虽然它叫 Context，但是它实际是 Element 的抽象对象，而在 Flutter 里，它主要来自于 ComponentElement 。

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

在flutter中，我们可以通过Image组件来加载并显示图片，Image的数据源可以是asset、文件、内存以及网络。

Q3: AndroidApp开发前景介绍及学习路线规划

Android学习路线总结如下：第1章 搭建Android开发环境本章节通过搭建android开发环境，对所用到的开发工具有一定认识，了解不同工具的不同用途。

前期需求的分析规划：需要一个完整的需求文档，包括流程图、时序图等，这个非常重要。交互设计、UI设计：就是APP页面的设计和各个页面链接的跳转情况。

硬件驱动方向；软件应用。就目前人才需求来看，偏向软件应用岗位的需求更多，包括手机游戏、手机终端应用软件和其他手机应用软件的开发，具某求职网站数据显示目前企业对这类应用软件的Android开发人才占总需求的70%左右。

一般来说，我们想从事Android开发，可以从应用开发作为切入点，逐渐熟悉其整个体系，并慢慢往其底层渗透，从而能做到软硬兼备，既涉及到应用开发的透彻掌握，又帮助大家在系统开发层面上做好充分的准备。

到GitHub上去学习，GitHub及开源项目托管库，上面有很多的Android开源项目，可以到上面学习别的app开发方案，多看不同功能的实现方法。慢慢的你就会写androidapp了。

现在的android开发的应用范围非常广，学习android开发，将来找份工作环境好点的，薪资待遇高点的工作一点问题都没有的。

Q4: Flutter图片加载与缓存

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

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

3、Flutter本地存储可以用 shared_preferences ，其会根据不同操作系统进行相对应的存储。

4、new Image.memory： 加载Uint8List资源图片（byte数组）图片。

5、按照给定尺寸进行图片的解码，而不是解码整个图片的尺寸，用来减少内存的占用。

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

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

Flutter 中所有的 list 默认都是没有 ScrollBar 的，必须使用 ScrollBar 组件。ScrollBar 组件通过监听 ScrollView 的 ScrollNotification 来刷新位置，所以 List 的长度必须是固定的。

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

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

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

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