跨平台高手必修课--Flutter动态化解决方案实战


Flutter动态化
Flutter动态化是一个复杂的主题，它涉及到使用Flutter框架去加载和运行动态生成的代码或者是在运行时更改UI。目前Flutter生态中没有完全成熟的动态化方案，但是有一些实验性的项目可以考虑使用，例如：

Code Push: 使用Flutter的热重载功能进行快速迭代。

Tree Shaking: 利用Dart编译时的Tree Shaking特性，在构建时排除未使用的代码。

Isolates: 通过Dart的Isolates在运行时创建独立的执行环境。

Dart VM Service: 使用Dart VM的服务WebSocket接口进行动态加载和执行。

对于动态化UI，可以考虑使用以下方法：

InheritedWidget: 通过更新InheritedWidget的状态来动态更新UI。

Streams: 使用Streams和StreamBuilder来响应异步事件更新UI。

ChangeNotifier: 使用ChangeNotifier和ValueListenableBuilder来响应数据变化更新UI。

Flutter由于可以跨平台，再加上出自Google，在移动端颇受关注，有点像当初J2之于企业应用。Flutter主要的优势是跨平台，采用自己的Dart虚拟机和Skia渲染引擎，从而不依赖Native语言和渲染，并且支持AOT和JIT编译机制，从而性能和效果也能得到保证。其中Flutter的语言Dart与JS十分接近，其Widgets与Web Components的理念也十分相似，所以很适合Web开发思路，即支持页面动态化更新和可视化搭建。

总体架构上分为四大部分，第一部分是可视化搭建平台，负责开发DSL页面和配置数据。第二部分是低代码服务中台，提供组件保存、页面发布和数据加工能力。第三部分是面向端的接口服务，包括模板和数据接口。第四部分是端，这块是核心重点，端上需要支持一整套DSL的解析和渲染映射，并且要做好相应的优化，以保证渲染性能和效率。