Flutter 特点

跨平台，在Android和iOS平台上创建高质量的原生体验，不使用webview, 而是使用自己的高性能渲染引擎来绘制widget

Flutter使用Skia作为其2D渲染引擎，Skia是Google的一个2D图形处理函数库

程序主要有两种运行方式：静态编译与动态解释。静态编译的程序在执行前全部被翻译为机器码,而解释执行的则是一句一句边翻译边运行

JIT（Just-in-time）即“即时编译”, 用于开发阶段,这样就避免了每次改动都要进行编译，极大的节省了开发时间，JIT的代表则非常多，如JavaScript、python等

AOT （Ahead of time) 即 “提前编译”, 用于发布阶段,生成高效的ARM代码(Android上是.so文件)以保证应用性能

声明式 UI

从 Win32 到 Web 再到 Android 和 iOS，框架通常使用一种命令式的编程风格来完成 UI 编程。这可能是你最熟悉的风格 — 你手动构建一个全功能的 UI 实例，比如一个 UIView 或其他类似的，在随后 UI 发生变化时，使用方法或 Setter 修改它。

为了减轻开发人员的负担，无需编写如何在不同的 UI 状态之间进行切换的代码， Flutter 相反，让开发人员描述当前的 UI 状态，并将转换交给框架。

架构

image.jpeg

Flutter Framework

这是一个纯 Dart实现的 SDK，它实现了一套基础库，自底向上，我们来简单介绍一下：

• 底下两层（Foundation和Animation、Painting、Gestures）在Google的一些视频中被合并为一个dart UI层，对应的是Flutter中的dart:ui包，它是Flutter引擎暴露的底层UI库，提供动画、手势及绘制能力。

• Rendering层，这一层是一个抽象的布局层，它依赖于dart UI层，Rendering层会构建一个UI树，当UI树有变化时，会计算出有变化的部分，然后更新UI树，最终将UI树绘制到屏幕上，这个过程类似于React中的虚拟DOM。Rendering层可以说是Flutter UI框架最核心的部分，它除了确定每个UI元素的位置、大小之外还要进行坐标变换、绘制(调用底层dart:ui)。

• Widgets层是Flutter提供的的一套基础组件库，在基础组件库之上，Flutter还提供了 Material 和Cupertino两种视觉风格的组件库。而我们Flutter开发的大多数场景，只是和这两层打交道。

Flutter Engine

这是一个纯 C++实现的 SDK，其中包括了 Skia引擎、Dart运行时、文字排版引擎等。在代码调用 dart:ui库时，调用最终会走到Engine层，然后实现真正的绘制逻辑。

embedder提供的4种task runner

• Platform Task Runner：处理来自平台（Android/iOS）的消息
• UI Task Runner：执行渲染逻辑、处理native plugin的消息、timer、microtask、异步I/O操作处理等
• GPU Task Runner：执行GPU指令
• IO Task Runner：执行I/O任务

Flutter 的构建模式

三种构建模式：

• 开发过程中，需要使用 热重载 功能，请选择 debug 构建模式

• 当你需要分析性能的时候，选择使用 profile 构建模式；

• 发布应用的时候，需要选择使用 release 构建模式。

单线程模型

dart默认运行在Main函数存在线程，在dart中称之为isolate，这个线程我们可称之为main isolate

文件I/O和网络调用并不是在Dart层做的，而是由操作系统提供的异步线程，他俩把活儿干完之后把结果刚到队列中，Dart代码只是执行一个简单的读动作。