使用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的主要代码就讲完了。我是跟着他人的讲解，一点点敲得。敲的时候还是发现了很多的问题，自己也慢慢的理解和加深印象。大家如果要学的话，建议也是一点点敲出来，相信这样也会理解很多东西。
网友评论