项目名称：MXFlutter

项目作者：MXFlutter Team

开源许可协议：MIT

项目地址：https://gitee.com/huoxd/MXFlutter

项目简介

MXFlutter 是一套基于 JavaScript 的 Flutter 框架，可以用极其类似 Dart 的开发方式，通过编写 JavaScript 代码，来开发 Flutter 应用，或者使用 mxjsbuilder 编译器，把现有Flutter 工程编译为JS，运行在 mxflutter 之上。

项目特性

• 支持Dart Flutter语法

• 支持定义Flutter中同名Widget类

• 支持定义相同的Build方式，SetState刷新及事件响应方法

• 支持js模块化开发

• 支持模拟器页面热更新

核心思想

把 Flutter 的渲染逻辑中的三棵树（即：WidgetTree、Element、RenderObject ）中的第一棵（即：WidgetTree），放到 JavaScript 中生成。用 JavaScript 完整实现了 Flutter 控件层封装，可以使用 JavaScript，用极其类似 Dart 的开发方式，开发Flutter应用，利用JavaScript版的轻量级Flutter Runtime，生成UI描述，传递给Dart层的UI引擎，UI引擎把UI描述生产真正的 Flutter 控件。所以，它在iOS上是完全动态化的。

项目结构

MXFlutter，就是用JavaScript，以Flutter的写法开发Flutter。具体的项目结构分为三层，请看下图：

1.VM层：

• MXFlutter Runtime

• 定义和Flutter Widget同名镜像类

• 响应式UI框架

2.Flutter层：

• Script脚本管理模块

• DSL2Widget UIEngine，事件支持

• Dart业务API支持

• 内存管理，对象生命周期管理

3.Native层：

• VM虚拟机

• 线程管理

• Native业务API支持

项目效果 UI 展示

单页面演示

如果你想要了解它更详细的使用和接入方法，那么就点击后面的链接前往项目主页看看吧：https://gitee.com/huoxd/MXFlutter