七、大话Flutter——初始项目结构

101 阅读2分钟

图片.png

一、目录结构

  1. 在目录下有一个lib文件夹,里面会存放我们编写的Flutter代码;
  2. 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也有一些属性,比如appBarbody
  • appBar是用于设计导航栏的,我们传入了一个title属性
  • body是页面的内容部分,我们传入了之前已经创建好的Center中包裹的一个Text的Widget;