Flutter企业级应用开发实战——闲鱼技术发展与创新

本书的目的

随着Flutter 在国内逐步应用，许多开发者逐渐认识到它的玄妙之处。开发者在娴熟地使用Flutter 进行开发并提高研发效率的同时，也面临着不小的挑战。曾经的闲鱼正所谓“怀珠踽行，虽艰自熠”，今天的闲鱼不只是先行者，更是同路人。挑战与难关固然有，幸运的是，闲鱼在Flutter 开发实践中的系统性思考与单点深钻——也是本书的重点——为开发者提供了全新的、进阶的视角和“通用基准”，用来诠释Flutter 在各种开发场景中的权衡选择。

本书的目的在于为企业开发者和决策者提供基于Flutter 的完整解决方案。本书的与众不同之处：

深度：本书相比闲鱼技术团队的上一本书，兼具了更多单点问题的深耕与解决。例如，针对行业内挑战较大的、复杂场景下的性能问题，团队有了更深刻的认识及新的解决方案。

广度：对于一线技术负责人和开发者来说，面向企业级应用场景下的绝大多数问题和挑战，都能在本书中获得答案。

实用：本书具有坚实的实践基础，我们努力通过案例与实际代码传达实践过程中的主要思路和关键实现，同时坚持“授人以鱼，不如授人以渔”的原则。

本书秉承以上三个维度，全面彻底、自顶向下地精心设计，弥补了Flutter 图书市场上的空白，希望读者可以通过阅读本书获得更深层次的专业领悟，充分地掌握各种问题的解决方法。

谁应该阅读本书

• 关注研发效能的一线技术管理者；
• 热爱钻研技术的移动端开发者；
• 跨平台技术的从业者；
• 对Flutter 感兴趣的相关专业师生；
• 一线技术媒体和技术出版编辑的朋友们。

本书的结构

本书分为7 章，读者可以按顺序阅读。

第1 章介绍了Flutter 技术以及相关的跨平台技术原理与适用场景。

第2 章介绍了基于Flutter 的移动端混合架构及配套工程的搭建方法，这也是目前业内使用较多的技术方案。

第3 章列举了不同业务场景下的技术挑战，并给出了对应的框架设计及解决方案。

第4 章详尽描述了Flutter 相关的性能优化和高可用体系的实践，包括度量标准、优化工具、优化策略等一系列方案。

第5 章描述了在复杂交互下如何利用Flutter 进行UI 的进阶定制和动画框架设计。

第6 章介绍了阿里巴巴集团其他App 在Flutter 侧的应用实战，为大家补充了更多的横向技术内容。

第7 章针对一些热点问题，与大家分享一些开发的心路历程和前沿展望。

如何阅读本书

本书体现的思想有助于读者了解Flutter 当前的发展情况。一种更好的阅读方法是结合Flutter 官网资料和开源社区的部分源码，将书中的思想和案例应用到实际开发中，这会是一种绝佳的学习方法。

借用一句俗语：Talk is cheap，Show me the code.

勘误与支持

移动端技术发展潜力巨大，且更新速度快，尽管我们对内容进行了多次校对，依然难免有不当之处。如有宝贵意见，欢迎通过“闲鱼技术”公众号、知乎号、头条号、掘金号等渠道留言或发私信，欢迎各位专家、读者给予批评指正。

本书的电子书也将通过公众号与大家见面，可在关注公众号“闲鱼技术”后回复“Flutter 电子书”获取。

Any problems，please contact“ xianyu tech” via twitter、facebook。

致谢

本书在选题立项与成书过程中，得到了阿里巴巴集团圆心老师提供的很多建设性意见，感谢圆心老师对闲鱼技术品牌的鼓励和对本书的支持。

感谢谷歌团队一直以来高效愉快地与闲鱼技术团队共同演进，在此表达诚挚的谢意。

感谢电子工业出版社博文视点的宋亚东编辑的鼓励与支持。“闲鱼的业务不断地快速迭代，技术耕耘也不能停。”宋编辑对上一本书给出了很高的评价，并且深入地和闲鱼团队的鬼才同学讨论了上一本书的优缺点，唤起了我们的斗志。经过一年时间的规划与笔耕不辍，守得云开见月明，大家得以看到这一本在表达方式、思维引导、案例解析等方面更精进的著作。

后，衷心感谢团队的每一位同事，大家很棒！

宗心、鬼才

本书是一本可供国内企业参考落地的Flutter技术图书。闲鱼技术团队在实际的技术落地过程中，既享受了Flutter研发效能带来的红利，也经历了无数的技术挑战。本书将落地过程中的完整案例通过结构化的梳理回馈行业和社区。

本书以闲鱼产品为原型，通过线上产品的真实案例，完整地描述了企业级App研发落地所需的技术方案选型，以及关键细节和部分代码实现。无论是构建打包、业务架构设计，还是性能测试标准和线上稳定性保障，都对其进行了详细的阐述。同时，本书针对实际情况深入讨论，切实解决一些在研发落地过程中的问题，填补了领域的空白。

无论是国内一线企业的技术负责人，还是创业公司的技术人员，本书都值得阅读。

闲鱼技术团队
闲鱼技术团队不仅是阿里巴巴集团旗下闲置交易社区的创造者，更是移动与高并发大数据应用新技术的引导者与创新者。闲鱼技术团队与谷歌Flutter小组密切合作，为社区贡献了多个高Star的项目。闲鱼技术团队也在积极探索深度学习和视觉技术在互动、交易、社区场景的创新应用。闲鱼技术团队与阿里巴巴集团中间件团队共同打造的FaaS平台每天支持数以千万计用户的高并发访问场景。

一直以来，我们不断做出技术判断，通过创新探索更多价值，并将团队的各项能力与实践经验通过多种形式面向国内外进行分享，希望读者可以代入本书的内容去体会这份定义、思考与解决问题的喜悦。闲鱼技术团队在Flutter方向已提交多个专利及开源项目，包括Fish Redux和Flutter Boost等。

团队出版了图书《Flutter技术解析与实战——闲鱼技术演进与创新》。欢迎阅读并通过公众号给闲鱼技术团队提出建议。

于  佳
闲鱼客户端负责人，花名宗心。曾参与阿里巴巴集团多款重量级App以及移动中间件的设计与开发。首创基于Flutter的混合架构并推动其在闲鱼各业务线的落地。目前同时担任阿里巴巴集团AliFlutter项目负责人。

郭歆伊
闲鱼项目管理专家，花名鬼才。先后在银联、网易和阿里等公司负责产品经理和项目管理工作。对数据产品设计、敏捷研发实践、技术品牌建设等有丰富的实战经验。主导《Flutter技术解析与实战——闲鱼技术演进与创新》和本书的出版。

目录 
第1章　 Flutter技术简介与适用场景概要 / 1 
1.1　 Flutter技术简介 / 2 
1.1.1　 Flutter技术的基本原理 / 2 
1.1.2　 Flutter的来源与演进历史 / 3 
1.1.3　 跨平台技术的日常应用场景 / 4 
1.2　 Flutter技术的适用场景与案例介绍 / 5 
1.2.1　 创业团队的迭代效率与人员成长 / 5 
1.2.2　 中台战略下的企业成本与核心技术沉淀 / 7 
1.2.3　 云原生及5G时代的研发模式探索 / 8 
1.3　 总结 / 9 

第2章　 构建基于Flutter的混合应用 / 10 
2.1　 Flutter工程和构建 / 11 
2.1.1　 工程结构 / 11 
2.1.2　 构建 / 14 
2.1.3　 私域环境建设 / 19 
2.1.4　 总结 / 20 
2.2　 混合架构下的架构设计与应用 / 22 
2.2.1　 混合架构下的页面管理 / 22 
2.2.2　 混合架构下的平台能力复用 / 27 
2.2.3　 小结 / 32 

第３章　 多场景应用架构和设计 / 33 
3.1　 Flutter编程模型分析和实践 / 34 
3.1.1　 架构设计的性原理 / 34 
3.1.2　 Flutter 编程模型分析 / 35 
3.1.3　 Flutter 编程模型实践 / 40 
3.1.4　 小结 / 42 
3.2　 流式场景下的架构设计与应用 / 42 
3.2.1　 流式页面容器架构设计 / 43 
3.2.2　 协议的设计 / 44 
3.2.3　 事件中心的设计 / 45 
3.2.4　 数据中心的设计 / 47 
3.2.5　 小结 / 50 
3.3　 Flutter场景下的多媒体架构实践 / 51 
3.3.1　 基本概念：外接纹理、Channel、FFI和PlatformView / 51 
3.3.2　 多媒体消费端实践：视频播放器 / 53 
3.3.3　 多媒体消费端实践：图片组件 / 55 
3.3.4　 Platform线程和EGLContext / 57 
3.3.5　 小结 / 58 
3.4　 游戏化场景的架构设计与应用 / 59 
3.4.1　 技术选型 / 59 
3.4.2　 引擎总体设计 / 60 
3.4.3　 游戏系统 / 61 
3.4.4　 渲染系统 / 61 
3.4.5　 游戏内界面系统 / 64 
3.4.6　 事件系统 / 65 
3.4.7　 生命周期系统 / 66 
3.4.8　 动画系统 / 67 
3.4.9　 资源系统 / 72 
3.4.10　 小结 / 73 
3.5　 云端一体化的架构设计与应用 / 73 
3.5.1　 一体化设计演进 / 73 
3.5.2　 云端一体化架构升级 / 78 
3.5.3　 一体化架构设计 / 80 
3.5.4　 云端一体化研发模式思考 / 81 
3.5.5　 小结 / 83 

第4章　 性能优化和高可用体系 / 84 
4.1　 Flutter高可用标准 / 86 
4.1.1　 首屏显示时间 / 86 
4.1.2　 流畅度 / 88 
4.1.3　 CPU使用率 / 89 
4.1.4　 错误异常率 / 89 
4.1.5　 内存使用率 / 91 
4.1.6　 小结 / 92 
4.2　 Flutter性能优化实践 / 93 
4.2.1　 性能技术优化 / 93 
4.2.2　 交互体验优化 / 105 
4.2.3　 小结 / 112 
4.3　 Flutter稳定性保障实践 / 112 
4.3.1　 异常治理 / 113 
4.3.2　 内存泄露治理 / 115 
4.3.3　 CPU使用率治理 / 119 
4.3.4　 小结 / 120 
4.4　 可持续发展的高可用体系 / 120 
4.4.1　 基于录屏的卡顿分析 / 121 
4.4.2　 基于录屏的页面可交互时长分析 / 123 
4.4.3　 Flutter代码规范扫描 / 124 
4.4.4　 小结 / 128 

第５章　 高级UI及动画效果 / 129 
5.1　 动态布局方案DinamicX / 130 
5.1.1　 整体架构设计 / 130 
5.1.2　 DSL渲染的实现 / 132 
5.1.3　 Flutter Layout的原理 / 132 
5.1.4　 实际应用场景 / 138 
5.2　 流式布局PowerScrollView / 138 
5.2.1　 整体架构设计 / 139 
5.2.2　 功能完善 / 140 
5.2.3　 性能优化 / 141 
5.2.4　 数据对比 / 148 
5.2.5　 小结 / 149 
5.3　 转场动画 / 149 
5.3.1　 背景 / 149 
5.3.2　 Flutter动画原理 / 149 
5.3.3　 转场动画原理 / 152 
5.3.4　 总结和优化 / 155 
5.4　 Lottie / 155 
5.4.1　 背景 / 155 
5.4.2　 项目架构 / 156 
5.4.3　 工作流程 / 156 
5.4.4　 实现差异 / 159 
5.4.5　 效果对比 / 162 
5.4.6　 实践 / 164 
5.4.7　 进阶用法和可编程能力 / 164 
5.5　 总结 / 165 

第6章　 前沿探索与行业案例 / 166 
6.1　 Flutter For Windows探索 /167 
6.1.1　 Windows UI框架发展史 / 167 
6.1.2　 技术选型的思考 / 169 
6.1.3　 Flutter For Windows技术预研 / 171 
6.1.4　 小结 / 177 
6.2　 Flutter引擎定制与优化 / 177 
6.2.1　 Hummer整体架构总览 / 178 
6.2.2　 Hummer引擎性能优化 / 182 
6.2.3　 Hummer引擎功能增强 / 190 
6.2.4　 Hummer引擎内存泄露检测工具 / 197 
6.2.5　 小结 / 199 
6.3　 Flutter在ICBU的实践 / 200 
6.3.1　 ICBU无线变迁 / 200 
6.3.2　 跨端技术和Flutter / 201 
6.3.3　 技术改进 / 203 
6.3.4　 未来探索的方向 / 208 
6.3.5　 小结 / 209 
6.4　 Flutter在淘宝特价版的实践 / 210 
6.4.1　 淘宝特价版的业务特点 / 210 
6.4.2　 使用Flutter的业务场景 / 210 
6.4.3　 小结 / 224 

第7章　 Flutter前沿技术与热点问题 / 225

本书是一本可供国内企业参考落地的Flutter技术图书。闲鱼技术团队在实际的技术落地过程中，既享受了Flutter研发效能带来的红利，也经历了无数的技术挑战。本书将落地过程中的完整案例通过结构化的梳理回馈行业和社区。

本书以闲鱼产品为原型，通过线上产品的真实案例，完整地描述了企业级App研发落地所需的技术方案选型，以及关键细节和部分代码实现。无论是构建打包、业务架构设计，还是性能测试标准和线上稳定性保障，都对其进行了详细的阐述。同时，本书针对实际情况深入讨论，切实解决一些在研发落地过程中的问题，填补了领域的空白。

无论是国内一线企业的技术负责人，还是创业公司的技术人员，本书都值得阅读。

闲鱼技术团队
闲鱼技术团队不仅是阿里巴巴集团旗下闲置交易社区的创造者，更是移动与高并发大数据应用新技术的引导者与创新者。闲鱼技术团队与谷歌Flutter小组密切合作，为社区贡献了多个高Star的项目。闲鱼技术团队也在积极探索深度学习和视觉技术在互动、交易、社区场景的创新应用。闲鱼技术团队与阿里巴巴集团中间件团队共同打造的FaaS平台每天支持数以千万计用户的高并发访问场景。

一直以来，我们不断做出技术判断，通过创新探索更多价值，并将团队的各项能力与实践经验通过多种形式面向国内外进行分享，希望读者可以代入本书的内容去体会这份定义、思考与解决问题的喜悦。闲鱼技术团队在Flutter方向已提交多个专利及开源项目，包括Fish Redux和Flutter Boost等。

团队出版了图书《Flutter技术解析与实战——闲鱼技术演进与创新》。欢迎阅读并通过公众号给闲鱼技术团队提出建议。

于  佳
闲鱼客户端负责人，花名宗心。曾参与阿里巴巴集团多款重量级App以及移动中间件的设计与开发。首创基于Flutter的混合架构并推动其在闲鱼各业务线的落地。目前同时担任阿里巴巴集团AliFlutter项目负责人。

郭歆伊
闲鱼项目管理专家，花名鬼才。先后在银联、网易和阿里等公司负责产品经理和项目管理工作。对数据产品设计、敏捷研发实践、技术品牌建设等有丰富的实战经验。主导《Flutter技术解析与实战——闲鱼技术演进与创新》和本书的出版。

作为谷歌Flutter团队早期的合作伙伴之一，闲鱼技术团队对Flutter技术进行了多年的研究和实践，为Flutter在大型企业环境下的落地做出了卓越的贡献。闲鱼技术团队的这部著作是市面上非常有深度的 Flutter技术图书之一，是专业开发者钻研和应用Flutter技术难得的参考资料。
董  韬
博士，谷歌 Flutter 团队

本书从原理到实战，结合阿里巴巴真实的业务场景与案例，详细、完整地介绍了Flutter企业级技术应用与相关实践，是一本值得阅读的技术图书。
郭虹宇
资深技术专家，阿里巴巴集团移动技术小组组长

之前在InfoQ策划QCon、GMTC等技术大会的时候，我们一直选择采用技术生命周期模型整体策划内容，以期促进软件开发领域的知识与创新传播。自Flutter诞生以来，闲鱼技术团队作为该技术的早期采用者，积极分享实践经验，推动了Flutter在国内的广泛应用。在本书中，闲鱼技术团队结合诸多案例，毫无保留、非常系统地分享了他们的技术沉淀。如果想深入了解Flutter的应用现状和实践经验，本书是不可错过的佳作。
臧秀涛
极客邦科技/InfoQ会议前内容总编

这是一本讲述如何构建企业级Flutter研发体系的图书，内容从底层原理到应用架构，从性能优化到视觉动效，覆盖了Flutter实际开发中各类单点问题。本书以闲鱼技术团队在技术演进中大量一线研发实践为切入点，介绍了如何将业务问题的理解转化为技术方案，以及背后的思考、分析、行动、调优和扩展。相信认真读完此书的读者们，不仅能获取Flutter企业应用场景下的解决方案，也一定能对闲鱼技术团队在研发效能提升实践中的系统性思考感同身受。
陈  航
美团高级技术专家，《Flutter核心技术与实战》专栏作者