Flutter（2）：创建一个Flutter App

Flutter教学目录 持续更新中

1.创建并运行一个Flutter App工程

打开Android studio（简称AS）>File>New>New Flutter Project

然后运行一个模拟器（如果没有模拟器选项可以参考上一章节新建模拟器）

运行Flutter App

第一次运行时间稍长，而且会下载资源，所以请保持网络稳定并耐心等待，如果编译失败，可以尝试在Terminal中运行fluter run 命令再试一次

运行效果图：

2.Fluter项目结构简介

项目结构

Flutter项目主要分为Android，iOS，lib，pubspec.yaml这四个，其中lib下就是用来flutter开发的，我们的dart文件就放在这里，pubspec.yaml文件就是flutter的构建管理工具，就跟gradle一样

pubspec.yaml

这里面就是对工程的配置，库的依赖，资源的依赖等

3.Fluter简介

void main() => runApp(MyApp());

这是Flutter的入口函数，runApp启动的Widget

MyApp

runApp接收的是一个widget，widget一般分为无状态的StatelessWidget或者是有状态的StatefulWidget，具体的看是否需要管理一些状态。MaterialApp自身就是一个StatefulWidget，只是他里面包含了很多其他属性，例如：

MaterialApp属性

这里我们先不去过多了解其中的内容，等后面基础内容学习完成后，对flutter有个较为完整的认识后再来深入了解，目前只需要先了解title，home，routes三个属性就可以了

title：不需要什么解释了

home：你的主页面，接收一个Widget

routes：路由表，接收Map，用于页面跳转使用，当然关于路由的用法是非常多的，这个暂时先不讲，后面会主们对路由使用做一个综合性讲解，目前只要学会一种方式即可

下一节我们将创建一个简单的home页面以及学习一下简单的页面跳转

Flutter（3）：新建一个简单页面并实现路由跳转

Flutter教学目录 持续更新中