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")));

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/2231