Google更新Flutter强化网页平台支援

Google在部落格上说明了UI开发工具Flutter的最新发展情况，分享Flutter支援复杂网页应用程序的技术细节。

Flutter是一个开源的UI框架，由Google开发，可快速地建立原生编译的应用程序界面，一开始仅支援iOS与Android行动平台，但随着发展，Flutter越来越受到欢迎，全球现有数十万工程师使用，而且Google内部开发团队也越来越倚重Flutter，再加上用来开发底层框架的程式语言Dart，提供了网页移植性，因此Google在去年的时候宣布，Flutter将会支援更多的平台，除了桌面、嵌入式装置之外，还开始支援网页平台。

Google正在改进Flutter，使其更容易用于网页应用程序开发，除了改善基本的操作功能外，使得文字渲染、网页卷动、导览和存取性，更符合原本浏览器网页的操作习惯，还强化复杂图形应用程序的支援，以及提升效能。

Flutter本身是一个多层的系统，提供了一个抽象小工具、动画和渲染等功能的框架，并且同时也是一个能够利用系统公开的API，渲染目标装置画面的引擎。框架是以Dart撰写，Flutter会将这些框架元件与使用者程式码结合在一起，并在编译时利用树摇算法，仅将需要的程式码下载到浏览器中。Flutter采用回应式程式模型，会根据状态变化更新使用者界面，在每个影格使用浏览器底层的API，绘制与改变UI的状态或是布局等。

在预设情况下，Flutter使用标准的HTML DOM和Canvas技术，在这种模式，引擎会将每个Flutter场景翻译成为HTML、CSS或Canvas，并以HTML元素树的形式，将框架渲染到页面上。Google称这种方法为DomCanvas后端，不只提供最大的浏览器相容性，而且适合短暂的对话，与需要快速启动的应用程序。

虽然DomCanvas的效能良好，但Google同时发展了另一种后端技术，使用CanvasKit为基础的后端，这个后端可以使用WebAssembly和WebGL，在浏览器中渲染开放图形引擎Skia的绘制命令，Google提到，之所以他们开始试验CanvasKit，是因为Flutter行动与桌机版本都使用Skia图形引擎，且不像是HTML DOM，Skia能够直接存取低阶图形堆叠。

目DomCanvas仍提供较好的浏览器支援，更小的程式码以及更快的初始页面载入速度，但是CanvasKit让Flutter开发人员可以利用新的技术，建立图形密集的网页应用程序，设计软件供应商Rive已经使用Flutter，和基于Skia的浏览器渲染功能，重新打造了自家的动画平台。

未来可能会逐渐走向其中一种后端技术，但是当前Flutter开发者还可以选用符合自己需求的后端。