微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

官方网站:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。