Flutter创建工程的主要代码详解

使用Android Studio创建的默认Flutter工程主要代码在lib文件夹下的main.dart文件中,本文主要对该文件进行一个讲解。

main.dart文件可以认为是Flutter工程的入口文件,文件顶部import 'package:flutter/material.dart';(即引入了一个dart文件,该文件包含runApp()方法、StatelessWidget无状态控件--Application被认为是一个无状态控件、StatefulWidget有状态控件--Activity中如果有UI交互,则被认为是一个有状态控件、Widget控件统称、Scaffold你可以认为是一个页面控件等等,提供了基础的接口供开发者使用)

runApp()顾名思义是启动Application程序的入口。

MyApp就是Application类,它集成自StatelessWidget,是一个无状态控件。StatelessWidget类需要重写build方法,返回类型是Widget。这里多说一句,Flutter中不论Application、Activity还是其他的控件,一律都是Widget的子类,Widget贯穿Flutter的始终。

重写后返回一个MaterialApp,它就是一个代Material风格的App,Material是一种风格(该风格可以百度),title: 'Flutter Demo', 指定app的title是Flutter Demo,切到多任务后可以看到。

这里需要多说一句,Flutter指定参数时,是参数名:参数值的形式。按住ctrl查看,发现title是定义在app.dart中的参数。问:这样指定参数有什么好处?答:指定多个参数时的顺序可以很随意。

然后是主题theme: ThemeData(
primarySwatch: Colors.blue,
),这里是创建了一个ThemeData的对象。你可能会问没有new关键字啊?是的,Flutter中可以省掉new关键字。这里创建了一个ThemeData,查看源码可以知道ThemeData定义在theme_data.dart文件中,通过ThemeData的属性可以定义主题。这里指定主题色是蓝色,状态栏是蓝色。、

然后是 home: MyHomePage(title: 'Flutter Demo Home Page'),参数home是一个Widget,定义在app.dart中,它是指定首页面,可以理解为MainActivity。MyHomePage是自定义的类,它继承自StatefulWidget,是一个有状态的控件(点击按钮改变页面文本内容)。

查看MyHomePage类,它的构造方法有一个Key和一个title( MyHomePage({Key key, this.title}) : super(key: key);
),(这里我有一个疑问,是它构造方法参数的写法,有点不明白title为什么是这样,如果看到的你知道原因,希望告诉我一下,谢谢了。)它显示调用父类的构造方法super(key: key);(这里也不知道为什么是这样的写法,同问)。接着向下看,定义了一个title标题, final String title; 然后重写了StatefulWidget类里的createState()方法,点进可以发现该方法返回一个State类型。这里Flutter的写法@override
_MyHomePageState createState() => _MyHomePageState(); 是dart的箭头方法

MyHomePageState是自定义类,它的类声明class MyHomePageState extends State<MyHomePage> {
可以看出是继承自State,<>里的MyHomePage是作用在MyHomePage上,即MainActivity主页面。看他人文章说,
下划线代表private私有的意思,那我这里也这么认为好了。里面有一个私有的count属性 int _counter = 0; 有一个私有的计数+1方法void _incrementCounter() {
setState(() {
_counter++;
});
},这个setState()方法是framework.dart中的类State的方法,参数是一个方法,复制过来看下@protected
void setState(VoidCallback fn) {,是一个VoidCallback fn,理解为传递一个方法进来。执行的操作是counter++计数加一。重写了State的build方法 Widget build(BuildContext context) {,返回一个Widget控件。@override
Widget build(BuildContext context) {
return Scaffold(,我查了一下Scaffold意思是脚手架,这里我倾向于认为组成MainActivity的布局。

return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'You have pushed the button this many times:',
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
我把注释删掉了,发现代码行数还是很长,没办法,Flutter语法就是这样,牺牲长度换来更好的可理解性。
里面定义了AppBar,指定了title。定义了body,指定了children数组,是两个文本Text组件。 '$_counter',这样可以取得计数的数值,是一种更简单的写法。还定义了一个按钮,点击时执行技术+1onPressed: _incrementCounter,

到这里,main.dart的主要代码就讲完了。我是跟着他人的讲解,一点点敲得。敲的时候还是发现了很多的问题,自己也慢慢的理解和加深印象。大家如果要学的话,建议也是一点点敲出来,相信这样也会理解很多东西。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345