Flutter 核心原理 - UI 框架（UI Framework）

Flutter 既能保证很高的开发效率，又能获得很好的性能。 

这两年 Flutter 技术热度持续提高，整个 Flutter 生态和社区也发生了翻天覆地的变化。目前Flutter 稳定版发布到了3.0，现在已经支持移动端、Web端和PC端，通过Flutter 开发的应用程序能够轻松的在各个平台迁移并获得很好的性能。另外，Flutter 在 Github Star 数上排名已经进入了前20，在跨端框架中已经成为稳稳的第一。

根据近几年实践统计，Flutter 相比原生开发，人效能提高近一倍，且性能可以接近原生。

Flutter 源起 

Flutter 属于在实现三个跨端框架方向之一的“自绘UI + 原生”的范畴。在上一篇中也介绍过。

Flutter 实现一套自绘UI引擎，并拥有一套自己的 UI 布局框架。

得益于但Dart开发语言的JIT 运行方式支持动态化的。因此，在开发过程中 Flutter 的热重载可帮助开发者快速地进行测试、构建UI、添加功能并更快地修复错误。在 iOS 和 Android 模拟器或真机上可以实现毫秒级热重载，并且不会丢失状态。

Flutter 从上到下分为UI框架层、引擎层和嵌入层。开发者基本上都是与UI框架层打交道。 

---

UI 框架

UI 框架（UI Framework）指基于一个操作系统和浏览器之上快速开发GUI（图形用户接口）的框架。通常来讲平台只提供非常基础的图形 API（Canvas），如画线、画几何图形等。

可以想象一下，如果没有UI 框架的封装而直接用 Canvas 来构建用户界面将会是怎样的一个体验和效率！

简单来讲， UI 框架解决的主要问题就是：如何基于基础的图形API（Canvas）来封装一套可以高效创建UI的框架。