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一样
这里面就是对工程的配置,库的依赖,资源的依赖等
3.Fluter简介
void main() => runApp(MyApp());
这是Flutter的入口函数,runApp启动的Widget
runApp接收的是一个widget,widget一般分为无状态的StatelessWidget或者是有状态的StatefulWidget,具体的看是否需要管理一些状态。MaterialApp自身就是一个StatefulWidget,只是他里面包含了很多其他属性,例如:
这里我们先不去过多了解其中的内容,等后面基础内容学习完成后,对flutter有个较为完整的认识后再来深入了解,目前只需要先了解title,home,routes三个属性就可以了
title:不需要什么解释了
home:你的主页面,接收一个Widget
routes:路由表,接收Map<Srtring,WidgetBuilder>,用于页面跳转使用,当然关于路由的用法是非常多的,这个暂时先不讲,后面会主们对路由使用做一个综合性讲解,目前只要学会一种方式即可
下一节我们将创建一个简单的home页面以及学习一下简单的页面跳转