现有 App 大部分业务场景都是以长列表呈现，为更好满足用户内容分享的诉求，Android 各大厂商都在系统层面提供十分便捷的长截屏能力。然而我们发现 Flutter 长列表页面在部分 Android 手机上无法截长屏，Flutter 官方和社区也没有提供框架层面的长截屏能力。

闲鱼作为 Flutter 在国内业务落地的代表作，大部分页面都以 Flutter 承接。为了闲鱼用户也能享受厂商系统的长截屏能力，更好的满足商品、社区内容分享的诉求，闲鱼技术团队主动做了分析和适配。

针对线上舆情做了统计分析，发现小米用户舆情反馈量占比最多，其次少量是华为用户。为此我们针对 Miui 长截屏功能做了适配。

携程酒店业务使用Flutter技术开发的时间快接近两年，这期间有列表页、详情页、相册页等页面使用了Flutter技术栈进行了跨平台整合，大大提高了研发效率。在开发过程中，也遇到了一些性能相关问题和用户反馈，比如长列表滚动卡顿、页面打开时间较长、页面打开后部分数据加载时间较长等问题。为解决这些问题，我们选用了多个性能指标监控业务运行状态，借助性能检测工具定位问题，并查阅源码、文档等资源解决问题，形成了这篇文章。

同时在不断的需求迭代和代码更新过程中，APP的性能稳定性持续受到挑战，为此我们建立了线上性能监控系统，通过量化，治理，监控三方面手段，持续改善APP性能和用户体验。目前页面的各种性能指标诸如FPS、TTI、内存等都达到了不错的效果，本文将介绍我们在优化过程中所遇到的问题和采取的主要优化方案。

Deferred Components，官方实现的Flutter代码动态下发的方案。本文主要介绍官方方案的实现细节，探索在国内环境下使用Deferred Components，并且实现了最小验证demo。

去年，闲鱼技术团队新一代图片库 PowerImage 在经过一系列灰度、问题修复、代码调优后，已全量稳定应用于闲鱼。相对于上一代 IFImage，PowerImage 经过进一步的演进，适应了更多的业务场景与最新的 flutter 特性，解决了一系列痛点：比如，因为完全抛弃了原生的 ImageCache，在与原生图片混用的场景下，会让一些低频的图片反而占用了缓存；比如，我们在模拟器上无法展示图片；比如我们在相册中，需要在图片库之外再搭建图片通道。

钉钉基于 Flutter 构建的跨四端应用框架 Dutter 方案设计、最佳实践以及部分 FlutterEngine 层面的问题定位与思考。

我们的目标是星辰大海，奈何增加体积比native大，这一定程度让不少“重”磅业务望而却步。hummer在多个业务尝鲜Flutter时沉淀了不少方案，通过引擎增强对包体积进行综合治理并取得成绩打消业务的顾虑，在各业务竞争中奠定了坚实的基础。

Flutter 以其高还原度，匹配原生的性能和高开发效率，已经成为主流的移动跨平台技术。在不断发展过程中，也衍生出了很多优秀的开发框架，帮助开发者提高开发效率和降低开发成本。Fish Redux 就是一款优秀的 Flutter 状态管理框架。

目前零售移动在很多业务中都用到 Flutter，也是基于主流的 Fish Redux + Flutter Boost 模式。新技术的落地总是会伴随着各种踩坑，其中比较深刻的，是 Flutter 界面卡顿的问题，最终通过深入分析 Fish Redux 状态管理机制解决了该问题，也总结了一些经验供大家参考。

当Hummer升级到2.5.x后，我们发现官方的PlatformView功能仍然不太完善，还存在不少问题，例如，崩溃、黑/白屏、内存泄漏等。另外，PlatformView的性能也被社区吐槽得厉害，特别是Android端。

于是，在今年1月初的时候我们成立了一个优化小专项，希望对PlatformView的已知问题进行一轮集中处理，并探索性能优化方案，快速解决业务痛点。

本文旨在为大家提供 Fair 在实际项目中落地的完整案例，包含了使用 Fair 进行动态页面改造、复杂场景使用、接入过程中遇到的问题、Fair 接入前后的性能对比、热更新方案设计等等内容。

快速识别Flutter渲染性能问题，精准定位到方法名。

Hummer是UC内核团队定制的Flutter引擎，它基于官方Flutter引擎进行优化增强，经过近两年的研究，我们对Flutter技术的原理及优劣势有了更加深入的认识。在这里，我们计划通过这个公众号，向大家分享我们对Flutter的理解和优化，希望能通过剖析引擎实现原理，让大家对Flutter的优劣有一个更客观准确的认识。

接下来，我们将陆续推送Hummer引擎优化系列文章，敬请期待。这里先做一下整体的介绍。

Flutter Web可以解决Native页面无法外投的问题。

通过Flutter Web，Liquid研发体系可以在保障客户端体验最佳的前提下，实现一次开发三端投放。

Flutter Web与Liquid研发体系的结合方案。

Flutter for Web (FFW) 早期试验版于 2019 年发布，在当时已经有很多感兴趣同学对其进行调研，当时由于刚发布存在诸多问题不适合在生产环境中使用。在今年（2021）三月份，Flutter 2.0 发布，FFW 正式进入 stable 分支。

要问现在最火的移动端的框架是什么，每个人心中自有自己的答案。目前 Flutter 关注度还是比较高的，Flutter 的热度已经⽼牌跨平台框架 React Native。Flutter 到底是个什么东西。接下来我们就一起来认识它。

如果你想了解Flutter从头构建一个IM项目的总体规划与细枝末节，那么恭喜你，来看这篇文章就可以满足你的愿望。

业务场景为，在摄像机的播放画面上，按下手指左右上下滑动，摄像机跟随滑动。

由于播放页面使用了photo_view提供了画面图片的放大缩小和拖拽功能，导致和嵌套的要实现监听滑动的GestureDetector存在冲突的问题。

最终实现的解决方案为，在photo_view默认状态下，让GestureDetector接收手指滑动事件，摄像机跟随旋转；在photo_view放大状态下，GestureDetector不接收事件，让photo_view处理放大图片的拖拽。比较好的解决了用户的使用场景问题。