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