本文(引用之Link),旨在深入探究React Native的新架构，重新构建带来最重要变化： JavaScript接口（JSI） Fabric Turbo模块 CodeGen。 在此之前，回顾一下当

可以通过画布绘制，如以上代码所示， 通过创建 canvas 节点，获取 canvas 绘制上下文，调用相关 API, 便可绘制一个矩形，并 append 到 body 节点中。 显示器（屏幕）是由一个个物理显示单元(像素点)组成，而每一个像素点可以发出多种颜色，显示器成相的原理…

通过阅读源码和代码实践来了解 Flutter 的绘制流程，这部分是 Framework 层最贴近 Engine 层的内容，对以后研究 Flutter 和 Android 异同点应该会有很大帮助

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

为避免传统的源码讲解方式的枯燥乏味，这一次，我尝试换一种方式，带着你以轻松的心态了解Flutter世界里的UI绘制流程，去探究Widget、Element、RenderObject的秘密。 十载干戈，移动端格局渐定，壁垒分明。 北方草原金帐王朝Javascript虽内部纷争不断…

作为系列文章的第九篇，本篇主要深入了解 Widget 中绘制相关的原理，探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步，结尾再通过实际例子理解如何设计一个 Flutter 的自定义绘制。 在第六、第七篇中我们知道了 Widget、Eleme…

在稿定科技，我们使用 QuickJS 与 Skia 搭建并落地了自研的 App 端编辑器渲染能力。去年北京的 QCon+ 上，笔者为此做了「基于 QuickJS + Skia 的 GUI 框架」分享。下面是一些基于该能力渲染的实际应用截图： 但在短短几个月后，我们就再次升级了这…

我们也可以看到上图中每个控件所形成的树结构中隐含了一些关系，例如在上图中，我们可以说 Text 组件是 Column 组件的子组件，Scaffold 是 AppBar 的父组件，这样的层级关系使得每个控件都清晰的连接到了一起，树结构由此而来。 在 flutter 中，Conta…

Flutter是目前流行的高性能跨平台UI框架，图形库skia是其跨平台的基石。本文将深入分析skia的图形、字体、图片的渲染原理，如何挖掘硬件特性，为UI性能优化提供思路。 1. 引言 Flutter是目前非常流行的跨平台UI开发框架，不仅支持Android、iOS，还支持W…