MXFlutter

编程之家收集整理的这个编程导航主要介绍了MXFlutter编程之家,现在分享给大家,也给大家做个参考。

MXFlutter

MXFlutter 介绍

MXFlutter是一套基于js的高性能Flutter动态化框架,它用极类似Dart的开发方式,通过编写JavaScript代码,来开发Flutter应用。  

特性

支持Dart Flutter语法

支持定义Flutter中同名Widget类

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

支持js模块化开发

支持VS Code直接调试

支持模拟器页面热更新

使用

第一步: Flutter侧,创建并启动MXjsFlutterApp

MXjsFlutter.getInstance().setup();

MXjsFlutter.getInstance().runjsApp(jsAppName: "app_test",pageName: null);

第二步: js侧,编写MXjsWidget页面

class AppTest extends MXjsFlutterApp {

constructor() {

super("app_test","initRouteName");

}

createJSWidgetWithName(pageName) {

let w = new JSWidgetHomePage;

return w;

}

}

function main(pageName) {

MXJSLog.log("main:pageName" + pageName);

let app = new AppTest;

runApp(app);

}

第三步:Flutter侧,进入MXJSWidget页面

Navigator.push(context,MaterialPageRoute(builder: (context) => MXJSFlutter.getInstance().navigatorPushWithPageName("JSWidgetHomePage")));

GitHub:https://github.com/TGIF-iMatrix/MXFlutter

网站描述:基于JS的高性能Flutter动态化框架

MXFlutter官方网站

官方网站:

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

johnny-five,Bocoup 的 JavaScript 机器和物联网编程框架
WePY,一款让小程序支持组件化开发的框架
Deep playground,神经网络的交互式可视化,使用d3.js和TypeS...
ShareDB,用于并发编辑系统的前端数据库
RxJS,RxJS 是使用 Observables 的响应式编程的库
egg-react-ssr,最小而美的Egg + React + SSR 服务端渲染应用...