MXFlutter是一套基于JS的高性能Flutter动态化框架，它用极类似Dart的开发方式，通过编写JavaScript代码，来开发Flutter应用。
特性支持DartFlutter语法支持定义Flutter中同名Widget类支持定义相同的Build方式，SetState刷新及事件响应方法支持js模块化开发支持VSCode直接调试支持模拟器页面热更新示例代码classHomePageextendsMXJSWidget{constructor(){super("HomePage",{key:"HomePage"});}barSearch(){returnnewContainer({child:newRow({children:[newExpanded({child:FlatButton.icon({onPressed:function(){this.navigatorPush(newSearchPage);},icon:newIcon(newIconData(0xe8b6,{fontFamily:'MaterialIcons'}),{color:GlobalConfig.fontColor,size:16.0,}),label:newText("坚果R1摄像头损坏",{style:newTextStyle({color:GlobalConfig.fontColor,}),}),}),}),newContainer({decoration:newBoxDecoration({border:newBorderDirectional({start:newBorderSide({color:GlobalConfig.fontColor,width:1.0,},)}),}),height:14.0,width:1.0,}),newContainer({child:FlatButton.icon({onPressed:function(){this.navigatorPush(newAskPage);},icon:newIcon(newIconData(0xe22b,{fontFamily:'MaterialIcons'}),{color:GlobalConfig.fontColor,size:16.0,}),label:newText("提问",{style:newTextStyle({color:GlobalConfig.fontColor,}),}),}),}),],}),decoration:newBoxDecoration({borderRadius:BorderRadius.all(Radius.circular(4.0)),color:GlobalConfig.searchBackgroundColor,}),})}build(context){letwidget=newDefaultTabController({length:3,child:newScaffold({appBar:newAppBar({title:this.barSearch(),bottom:newTabBar({labelColor:Colors.blue(),indicatorColor:Colors.blue(),unselectedLabelColor:Colors.black(),tabs:[newTab({text:"关注"}),newTab({text:"推荐"}),newTab({text:"热榜"}),],}),backgroundColor:Colors.white(),}),body:newTabBarView({children:[newFollow(),newRecommend(),newHot(),]}),}),});returnwidget;}}
点击空白处退出提示
评论