话题编程语言 › Dart

编程语言:Dart

Flutter 长截屏适配 Miui 系统,一点都不难

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

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

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

携程酒店Flutter性能优化实践

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

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

Deferred Components-实现Flutter运行时动态下发Dart代码

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

PowerImage 高扩展性的flutter图片库

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

钉钉 Flutter 跨四端方案设计与技术实践

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

让Flutter绽放得更美 - 包体积优化之道

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

基于 Fish Redux 的 Flutter 性能优化实践

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

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

Flutter PlatformView优化

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

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

Fair 在 58 同城拍客 App 中的实践

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

Flutter在携程复杂业务的高性能之旅

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

Hummer 引擎优化系列 - 大批干货来袭预警

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

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

Flutter Web在Liquid体系下的探索

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

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

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

阿里卖家 Flutter for Web 工程实践

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

Flutter For Web 编译的两种方案

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

Flutter 重构 QTalk

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

flutter中photo_view嵌套GestureDetector屏幕滑动冲突解决

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

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

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

首页 - Wiki
Copyright © 2011-2024 iteam. Current version is 2.124.0. UTC+08:00, 2024-04-21 04:18
浙ICP备14020137号-1 $访客地图$