使用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 {

可以看出是继承自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: [

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

flutter生成源代码_Flutter创建工程的主要代码详解相关推荐

  1. flutter生成源代码_Flutter随机迷宫生成和解迷宫小游戏功能的源码

    此博客旨在帮助大家更好的了解图的遍历算法,通过Flutter移动端平台将图的遍历算法运用在迷宫生成和解迷宫上,让算法变成可视化且可以进行交互,最终做成一个可进行随机迷宫生成和解迷宫的APP小游戏.本人 ...

  2. 怎么创建python django项目_创建Django项目图文实例详解

    本文实例讲述了创建Django项目的方法.分享给大家供大家参考,具体如下: 创建Django项目 创建一个HelloDjango项目 GitHub地址:https://github.com/liang ...

  3. php推荐码生成,最新最全PHP生成制作验证码代码详解(推荐),验证码详解_PHP教程...

    最新最全PHP生成制作验证码代码详解(推荐),验证码详解 1.0 首先先看代码 好,现在结合以上代码,来分析分析以上用到的几个函数: ① imagecreatetruecolor(); imagecr ...

  4. Python教程:python中二维列表的创建、访问、应用详解

    欢迎你来到站长在线的站长学堂学习Python知识,本文学习的是<Python中二维列表的创建.访问.应用详解>.本知识点主要内容有:二维列表的概念.直接定义二维列表.使用嵌套的for循环创 ...

  5. 远程服务器如何创建分支,Git 创建分支提交远程分支详解

    搜索热词 Git 创建分支提交远程分支详解 1.创建本地分支 git branch 分支名,例如:git branch 2.0.1.20120806 注:2.0.1.20120806是分支名称,可以随 ...

  6. [Pytorch系列-69]:生成对抗网络GAN - 图像生成开源项目pytorch-CycleGAN-and-pix2pix - test.py代码详解

    作者主页(文火冰糖的硅基工坊):文火冰糖(王文兵)的博客_文火冰糖的硅基工坊_CSDN博客 本文网址:[Pytorch系列-66]:生成对抗网络GAN - 图像生成开源项目pytorch-CycleG ...

  7. mysql 获取当前整点_Oracle 生成未来三天的整点时间(步骤详解)

    需求:X坐标轴时间都为整点时间,展示未来三天内的预测(x轴展示未来三天的整点时间),每3个小时一个刻度,横坐标共计24个刻度 步骤一:取当前时间 SELECT SYSDATE FROM DUAL 步骤 ...

  8. mysql 创建删除表_mysql创建删除表的实例详解

    表的创建命令需要: 表的名称 字段名称 定义每个字段(类型.长度等) 语法 下面是通用的SQL语法用来创建MySQL表: CREATE TABLE table_name (column_name ...

  9. python 元类 type_Python 使用元类type创建类对象常见应用详解

    本文实例讲述了Python 使用元类type创建类对象.分享给大家供大家参考,具体如下: type("123") 可以查看变量的类型;同时 type("类名", ...

最新文章

  1. JavaScript深拷贝Json
  2. 【Cocosd2d实例教程五】Cocos2d添加虚拟摇杆控制器
  3. 推荐一个牛逼的 GitHub 项目+支付宝、微信支付项目实战!快来获取!
  4. 20. Valid Parentheses 有效的括号
  5. 在C++中反射调用.NET(二)
  6. FZU - 2037 -Maximum Value Problem(规律题)
  7. 单例设计模式-懒汉式(线程安全)
  8. Springboot访问jsp页面但是却变成下载该页面
  9. docker启动redis并使用java连接
  10. 物流行业GPS定位应用解决方案
  11. maven的下载与安装教程(超详细)
  12. 关于初高中虚拟仿真实验室解决方案
  13. 安防市场视频监控比重大 并有新商机
  14. java ftp客戶端
  15. python中ifelse语句怎么写_pythonifelse语句怎么写
  16. Java Servlet3.0使用getPart/getParts实现单文件和多文件上传
  17. PPI (手机屏幕的PPI 和计算方法)
  18. UI设计和平面设计的区别
  19. Java性能监控和故障诊断可视化工具之jmc
  20. 黑马程序员—面向对象(1)

热门文章

  1. CSS3新增的伪类选择器
  2. 在WebGL场景中进行棋盘操作的实验
  3. 解决ios8下coreData没有NSPersistentContainer的问题
  4. 【laravel】【转发】laravel 导入导出excel文档
  5. Python3.6全栈开发实例[005]
  6. 《你的灯亮着吗?》个人总结
  7. Unrecognized option: -jrockit
  8. CentOS 7安装redis及php扩展
  9. HDU 5794:A Simple Chess(Lucas + DP)
  10. ASP.NET知识集