1.深入探索 Flutter 加载优化: cached_network_image 源码解析
2.如何用 Flutter 实现混合开发？闲鱼公开源代码实例
3.如何低成本实现Flutter富文本，游源源码看这一篇就够了！游源源码
4.Flutter(四)之Flutter的布局Widget
5.Flutter 新一代图形渲染器 Impeller
6.flutter热更新安卓端详细教程-附源码-超简单

深入探索 Flutter 加载优化: cached_network_image 源码解析

       深入探索 Flutter 加载优化: cached_network_image 源码解析

       在Flutter项目开发中，游源源码高效地加载和缓存是游源源码优化用户体验的关键。我曾面临性能问题，游源源码如商品列表滑动卡顿、游源源码2020聊天室源码内存占用高，游源源码选择了cached_network_image插件解决加载难题。游源源码

       CachedNetworkImage是游源源码Image的升级版，提供网络的游源源码缓存能力。其build方法内部通过OctoImage加载，游源源码最终调用ImageHandler，游源源码形成调用链。游源源码

       加载流程涉及注册流监听、游源源码获取和缓存数据。游源源码移民app源码Image中resolveImage方法创建ImageStreamListener对象，加载完成时，_handleImageFrame回调并获取ImageInfo，触发Image重建。

       CachedNetworkImage使用自定义ImageProvider-CachedNetworkImageProvider，覆盖resolve方法，返回ImageStream。在_loadAsync中，首先查找缓存，若未命中，发起网络请求下载数据，利用/post/

Flutter 新一代图形渲染器 Impeller

       Flutter在年的Roadmap中提出需重新考虑着色器使用方式，计划重写图像渲染后端。此计划的activiti的源码初步成果是名为Impeller的渲染后端，本文将探讨Impeller解决的问题、目标、架构和渲染细节。

       背景部分， Flutter过去一年解决了不少Jank问题，但着色器编译导致的Jank问题一直没有解决。着色器编译Jank问题源于Flutter底层使用skia做2D图形渲染库，内部定义了SkSL（Skia shading language）。在光栅化阶段，skia生成SkSL着色器，再将其转换为特定后端（GLSL、GLSL ES 或 Metal SL）着色器，并在设备上编译，此过程可能耗时数百毫秒，惠多源码导致数十帧丢失。通过在Flutter 1.版本中为GL后端实现SkSL预热机制，离线收集并保存应用程序中使用的SkSL着色器，进而提升性能。

       Impeller架构部分，Impeller是专为Flutter设计的渲染器，目前处于早期原型阶段，仅支持iOS和Mac系统，依赖flutter fml和display list，并实现了display list dispatcher接口，便于替换skia。其核心目标是解决着色器编译Jank问题。

       Impeller着色器离线编译部分，Impeller compiler模块是诱导观看源码关键。在编译阶段，将compiler相关源码编译为host工具impellerc binary，利用impellerc compiler将所有着色器源码（包括顶点和片段着色器）编译为SPIR-V中间语言，再转换为特定后端的高级着色器语言（如Metal SL），并编译为shader library，同时生成C++ shader binding用于快速创建pipeline state objects。这样所有着色器在离线时被编译，运行时不需执行任何编译操作，提升首帧渲染性能。

       Impeller渲染流程部分，通过继承IOSContext、IOSSurface和flow Surface实现IOSContextMetalImpeller、IOSSurfaceMetalImpeller和GPUSurfaceMetalImpeller结构，对接flutter flow子系统。光栅化阶段，通过DisplayListCanvasRecorder合成Layer Tree，将所有layer中的绘图命令转换为DLOps，并存储到DisplayList结构。随后，使用DisplayListDispatcher执行所有Ops，将信息转换为EntityPass结构。接着，使用RenderPass从Root EntityPass开始遍历，将每个Entity转换为Command结构，生成GPU Pipeline，设置顶点和片段着色器的数据，将顶点数据和颜色或纹理数据转换为GPU buffer。最后，开始渲染指令编码阶段，根据MTLCommandBuffer生成MTLRenderCommandEncoder，遍历所有Commands，设置PipelineState、Vertext Buffer和Fragment Buffer，提交command buffer。

       总结部分，Impeller通过离线编译着色器、优化渲染流程等手段解决着色器编译Jank问题，显著提升渲染性能。Flutter重写图像渲染后端的决心可见一斑，期待Impeller能进一步提升Flutter的渲染性能。

flutter热更新安卓端详细教程-附源码-超简单

       要成为一个优秀的Android开发者，构建坚实的知识体系是关键。本文将提供一个全面的Flutter安卓端热更新教程，包括源码，帮助你掌握这一技术。

       首先，考虑到Flutter项目默认使用kt语言，由于我对java更加熟悉，我选择删除项目下的android文件夹并重新生成java的安卓代码。这一步是准备工作的一部分，确保代码的顺利转换和避免导入包时的错误。

       接下来，将复制的代码进行原样导入，建议使用Android Studio（AS）进行操作，以减少导包错误的可能性。无需对代码进行任何修改。

       在代码中注册自定义的类，确保热更新功能的正常运行。

       完成准备工作后，进行打包操作，以获得运行环境。

       运行结果显示更新后的效果。将“初始化项目”替换为“热更新”并重新打包。然后，将打包后的文件解压，将“libapp.so”重命名为“hotlibapp.so”，并放置于手机根目录中。

       重启应用，首页将显示“热更新”，同时，目录下的文件会自动清除，重启后应用将加载新包。

       操作大功告成！在实际项目中，只需将下载的文件直接放置于lib文件夹即可，无需经过手机根目录加载。

       对于更多学习资源，如编程路线、面试题集合/面经及系列技术文章等，可以访问开源项目： /Android-Alvin/Android-LearningNotes。资源持续更新中...