Flutter概述、原理 & 跨平台历史及各方案比较 & Dart概述

跨平台框架发展史

1.Android&IOS双端开发线开发周期较长，
为了尽快推出产品，减少开销、缩短开发周期、提高开发效率，
从而产生跨平台方案；

2.一开始：Web移动开发；
优势：入门门槛低，会前端即可；
缺点：没有原生流畅，性能比较差；

3.接着，webView；
原生和前端需要密切配合；
流行框架：dcloud、cordova、ionic

4.含有编译转换特性的跨平台框架
Weex、React Native、Flutter

Flutter概述

• Google推出的一个跨平台的项目；
• 最早起源于2015年；
• 使用Dart语言；
• 可以运行在Android、IOS以及其他设备上，得到接近原生的体验；
• 是免费、开源的；

---

• 是现代响应式框架
  方便快捷、热重载（hotreload，不用重启工具即可看到编译效果，代码做了改变可以及时地看到）

• 快速的2D渲染引擎
  flutter不依赖于原生平台，
  它有自己独立的渲染引擎，
  通过可移植的GPU加速渲染以及高性能的本地arm代码运行时，
  达到跨设备、跨平台的高质量用户体验；
  Flutter有自己的Skia渲染引擎：
  

  
  Application：Dart运用；
  Platform：Flutter渲染机制；
  ios、Android：渲染成ios、Android APP；

• 开发调试工具
  flutter视图预览、视图调试、Dart语言分析；
  web上调试Dart的工具；

• 内置丰富的组件

• 提供了
  适用于Android的Material Design风格的组件
  以及
  适用于IOS的组件；
  还可以在IOS上使用Material Design风格的组件，
  在Android上使用cupertino的组件；

• 自由组合组件风格；

Flutter架构

Flutter基本原理

• Dart语言编写的框架层【Framework】，
  Material、Cupertino：两套风格组件；
  Widgets：组件；
  Rendering：渲染层；
  Animation、Painting、Gesture：动画、绘制、手势；
  Foundation：基础库；
• 引擎层【Engine】（C++编写）
  Skia：图形渲染引擎库【最基本的核心部分】；
  Dart：Dart VM（虚拟机），用于编译和运行Dart代码；
  Text：文本渲染；

Dart

• 由谷歌开发；

• 简洁，强类型，面向对象；

• 支持即时编译（Just-In-time，JIT）和
  预编译（Ahead-of-time，AOT）；
  
  JIT：支持真机、模拟器，
  此模式下断点、调试工具都会打开，
  安装包会很大，启动速度慢，可以通过热加载（hotreload）看到UI的更改；
  AOT：仅支持真机，
  编译打包上线时用的模式，
  将Dart语言文件编译成本地字节码文件，
  去掉断点、调试工具，安装包会小很多；

• 静态类型，
  帮助我们在编译时捕获错误，
  并在代码增长时管理代码；

• 易于移植，
  Dart可编译成ARM和X86代码，
  让移动端App可以在iOS、Android和其他地方运行；

• 响应式编程；
  UI响应式；

---

参考自CSDN课程