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 的构建模式
三种构建模式:
单线程模型
dart默认运行在Main函数存在线程,在dart中称之为isolate,这个线程我们可称之为main isolate
文件I/O和网络调用并不是在Dart层做的,而是由操作系统提供的异步线程,他俩把活儿干完之后把结果刚到队列中,Dart代码只是执行一个简单的读动作。
网友评论