Flutter Web究竟有什么不同之处

Flutter Web究竟有什么不同之处  

 

 Flutter Web 稳定版本发布至今也有一年多了，经过这一年多的发展，今天就让我们来看看 Flutter Web 究竟有什么不同之处，本篇分享主要内容是目前 Flutter 下少有较为全面的 Web 内容。    

一、起源与实现

 说起 Flutter 的起源就很有意思，大家都知道早期 Flutter 最先支持的平台是 Android 和 iOS，至今最核心的维护平台依然是 Android 和 iOS，但是事实上 Flutter 其实起源于前端团队。  

Flutter 来源于前端 Chrome 团队，起初 Flutter 的创始人和整个团队几乎都是来自 Web，在 Flutter 负责人 Eric 的相关访谈中，Eric 表示 Flutter 来自 Chrome 内部的一个实验，他们把一些乱七八糟的 Web 规范去掉后，在一些内部基准测试的性能居然能提升 20 倍，因此 Google 内部就开始立项，所以 Flutter 出现了。

 另外前端的同学应该知道，Dart 起初也是为了 Web 而生，事实上 Dart 诞生至今也有 10 年了，所以可以说 Flutter 其实充满了 Web 的基因。  但是作为从 Web 里诞生的框架，和 React NaTIve/ Weex 不同的是，前者是先有了 Web 下的 React 和 Vue 实现之后才有的客户端支持，而对于 Flutter 则是反过来，先有客户端实现之后才支持 Web 平台，这里其实可以和 Weex 做个简单对照。  Weex 作为曾经闪耀过的跨平台框架，它同样支持 Android、iOS 和 Web 三个平台，在 Android 和 iOS 上 Weex 和 React NaTIve 差异性不大，在 Web 上 Weex 则是删减版的 Vue 支持，而由于 API 和平台差异性的问题，Weex 在 Web 上的支持体验一直不是很好: 

 

因为 Weex 需要依赖平台控件实现渲染，导致一个 Text 控件需要兼顾 Android、iOS 和 Web 上原生平台接口的逻辑，从而出现各种由于耦合带来的兼容性问题。

 

而 Flutter 实现更为特别，通过 Skia 实现了独立的渲染引擎之后，在 Android 和 iOS 上控件几乎就与平台无关，所以 Flutter 上的控件可以做到独立且不同平台上渲染一致的效果。