一、目录结构
- 在目录下有一个lib文件夹,里面会存放我们编写的Flutter代码;
- main.dart 它是我们Flutter启动的入口文件,里面有main函数。
二、runApp和Widget
runApp是Flutter内部提供的一个函数,当我们启动一个Flutter应用程序时就是从调用这个函数开始的
- 我们可以点到runApp的源码,查看到该函数
void runApp(Widget app) { ...省略代码}
该函数让我们传入一个东西:Widget?
- 我们学习Flutter,从一开始就可以有一个基本的认识:Flutter中万物皆Widget(万物皆可盘) ;
- 在我们iOS或者Android开发中,我们的界面有很多种类的划分:应用(Application)、视图控制器(View Controller)、活动(Activity)、View(视图)、Button(按钮)等等;
- 但是在Flutter中,这些东西都是不同的Widget而已;
- 也就是我们整个应用程序中
所看到的内容几乎都是Widget,甚至是内边距的设置,我们也需要使用一个叫Padding的Widget来做;
三、Material设计风格
material是什么呢?
- material是Google公司推行的一套
设计风格,或者叫设计语言、设计规范等; - 里面有非常多的设计规范,比如
颜色、文字的排版、响应动画与过度、填充等等; - 在Flutter中高度集成了
Material风格的Widget; - 在我们的应用中,我们可以直接使用这些Widget来创建我们的应用(后面会用到很多);
Scaffold是什么呢?
- 翻译过来是
脚手架,脚手架的作用就是搭建页面的基本结构; - 所以我们给MaterialApp的home属性传入了一个Scaffold对象,作为启动显示的Widget;
- Scaffold也有一些属性,比如
appBar和body; - appBar是用于设计导航栏的,我们传入了一个
title属性; - body是页面的内容部分,我们传入了之前已经创建好的Center中包裹的一个Text的Widget;