flutter 基础代码结构!
2020-11-19 05:24:48阅读:-
来源:
classMyApp extends StatelessWidget { //定义application的根插件 title: '定义界面标题',
flutter程序无论单页面还是TabView,代码的基础结构都是类似的。
程序的入口文件默认为main.dart,并且不能更改文件名称。类似于java的写法,主程序 main()作为flutter程序的启动主函数。
import 'package:flutter/material.dart';void main() => runApp(MyApp())class MyApp extends StatelessWidget { //定义application的根插件 @override Widget build(BuildContext context){ //定义内容 return MateriaApp( title: '定义界面标题', theme: ThemeData( primarySwatch: Colors.green, //定义主色调 ), //定义主题样式 home: MyHomePage(title: 'APP 标题'), //定义app启动主界面 ); //MateriaApp }}class MyHomePage extends StatefulWidget { //定义application的主界面插件 MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState();}class _MyHomePageState extends State { //定义一些成员变量 //定义一些自定义方法 //构建实时状态更新内容 @override Widget build(BuildContext context) { //返回内容脚手架 return Scaffold( //定义app条 appBar: AppBar( title: Text("啥玩意儿?"), ), body: Center( //定义布局插件 child: Column( mainAxisAligment: MainAxisAlignment.center, //定义布局位置 children: [ Padding( padding: EdgeInsets.all(10), child: Image.asset('images/asset.png'), ), //定义插件内容 ], //定义子插件列表 ), ), floatingActionButton: FloatingActionButton( onPressed: _myFunction, tooltip: "tip", child: Icon(Icons.add) ), //定义按钮内容,可没有. ); //脚手架内容 }}
flutter 主程序入口
(正文已经结束)
推荐阅读:河南大都市
免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!
相关新闻
- 2020-03-30·创融时代耗时一年研发“添彩系统
- 2020-04-14·苹果“印度产iPhone 11
- 2020-04-25·3199元起值不值?一加手机6
- 2020-05-01·拍照专业、手游畅快,三星S10
- 2020-05-09·这8款用户评价度较高的手机AP
资讯排行