升级之路

答：emmmm，这实现优点是设计标准规范，官方组件也简单稳定可靠。但前提是设计师接受这种设定（即使是fixed，选中图标和文字也会有放大缩小动画），至少中国主流的APP，navigation item都是fixed而且没有动画，官方组件并不提供这种选择。 答：嗯，不错。等等。。…

还没有安装flutter的小伙伴可以先看Flutter Install或者Google，这里就不贴了。 命令面板 Quick fix或者快速修复(没错支持中文输入=。=) 或者使用快捷键cmd + . 很多时候VSCode开发体验都蛮好的，但是调试控制台真的难用，还不支持搜索。…

前段时间公司重构了一个flutter项目，自动化打包用的是Jenkins，在这过程中页遇到了一些坑，借此写一篇文章来，让大家少走些弯路。 我实现的效果是打包成功后显示工程名+打包模式+分支名，并显示fir扫码安装的地址，这些都是通过插件来完成的，下面会详细介绍到。 1. 安装 …

公司最近引入了 Flutter 技术栈，Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。然而由于 Flutter 还在早期发展阶段没有，生态建设还不够完善。比如项目中需要用到图表 UI 组件，经过一番调研，Googl…

会有两个问题：UI视图和Redux数据通用逻辑耦和在一起，无发通过mock数据来对UI进行UT；大家习惯套路代码，上来就是一个stful，不会想是不是stless更科学点（事实上初代实现80%的Screen是Statefull的，重构后90%都能写成Stateless，提升了页…

App 流畅性的关键指标有 UI帧率，GPU帧率，我们期望它能达到 60fps，也就是16ms每帧。 为了获取最接近生产环境的数据，我们应该选择一台尽可能低端的真机，并且以 profile 模式或者 release 模式下运行app。 那么检测帧率有哪些方法呢？Flutter …

在Flutter中绘图非常简单。关键词CustomPainter, CustomPaint, Canvas。 在iOS/Android中我们继承UIView/View重写draw/onDraw方法在里面执行画图操作。 在Flutter中稍微有点不一样，我们使用CustomPai…

从图中可以看到，当GPU发出vsync信号时，会执行Dart代码绘制新UI，Dart-code会被执行为Layer Tree，然后经过Compositor合成后交由Skia引擎渲染处理为GPU数据，最后通过GL/Vulkan发给GPU。 而我们要分析的地方就在Dart->Lay…