升级之路

可以明显的看到工程目录很乱，android目录下有多个代码目录，lib目录下是dart代码，images目录下是Flutter所用到的图片等资源，而且竟然还包含了iOS的代码。如此混乱的目录给我们带来了四个问题： 这里持续集成服务是用QCI搭建的。 可以明显看到工程目录清晰了很…

Context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。 在一个典型的 React 应用中，数据是通过 props 属性由上向下（由父及子）的进行传递的，但这对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI主题），这是应用…

本文是学习指南系列的第7篇文章，建议大家收藏起来，欢迎分享给他人。 本篇文章我们先一起学习 Flutter 插件的使用，然后通过开发一个 toast 插件来学习它的开发，最后发布到 Pub 上。 Flutter 的库是以 package 的方式来管理。Package 分为两种，…

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

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

时间过得真快，转眼间已经来到12月中旬，2018年已经接近尾声，从2014年7月份毕业到今年，又整整过了四周年，又是一个轮回。本篇是今年的年度总结，碎碎念的聊聊今年做的事情和一些感悟。 先以流水账的形式聊聊今年做了哪些事情。 2016年3月初面试来了搜车，来搜车的原因是因为之前…

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