ad6623

本篇文章会结合Flutter源码给大家介绍一下渲染流水线最后一步的绘制（paint）阶段。本文涉及的内容可能离大家平时开发Flutter app所需要知道的框架知识相对于前面几章会跟遥远一些。目前可能需要注意的地方就是RepaintBoundary这个Widget，其对应的Re…

之前的文章给大家介绍了Flutter渲染流水线的动画（animate）, 构建（build）阶段。本篇文章会结合Flutter源码给大家介绍一下渲染流水线接下来的布局（layout）阶段。 如同Android，iOS，h5等其他框架一样，页面在绘制之前框架需要确定页面内各个元素…

前四篇文章介绍了Flutter框架的全貌，相信大家对Flutter框架有了个整体的了解。这一系列文章始终是围绕着渲染流水线的的运行的各个阶段加以说明。我们知道在Vsync信号到来以后首先运行的是动画（Animate）阶段。而这个阶段是在从engine回调window的onBeg…

自从接触Flutter以来一直就觉得热更新/动态化是一个关键的点，也是很多互联网厂家是否选择Flutter的重要因素甚至是首要因素，之前参加Google北京办公室举办的和Flutter工程师面对面的活动，来自各个厂家的程序员们提的最多的问题就是Flutter对热更新的支持。年初…

前面几篇文章介绍了Flutter框架的渲染流水线，window，初始化以及Widget，Element和RenderObject体系。其中对Widget，Element和RenderObject的介绍主要是一些静态的说明，了解了以上这些技术点之后，在这篇文章里我们会通过动态运行…

前面两篇Flutter框架分析的文章介绍了渲染流水线，window和框架的初始化。这篇文章继续来理一下对Flutter app开发者来说比较重要的Widget，Element和RenderObject体系。Flutter的理念是一切都是Widget(Everythin is W…

上篇文章《Flutter框架分析（一）-- 总览和Window》介绍了Flutter框架最核心的渲染流水线和最基础的Window。这篇文章里，我们从Flutter框架的初始化来进入，来一步步揭开Flutter的面纱。写过Flutter程序的同学都知道，Flutter app的入…

在熟悉了Flutter app开发以后，我们的好奇心会驱使对Flutter框架是如何运行产生诸多疑问，Flutter是如何运转的？Widget到底是什么东西？RenderObject又是个什么鬼？runApp()之后发生了什么？调用sateState()之后页面又是如何刷新的？…

我们所熟悉的前端开发框架大都是事件驱动的。事件驱动意味着你的程序中必然存在事件循环和事件队列。事件循环会不停的从事件队列中获取和处理各种事件。也就是说你的程序必然是支持异步的。 在Android中这样的结构是Looper/Handler；在iOS中是RunLoop；在JavaS…