Flutter从入门到实践

首先，有问题查文档，英文文档地址是flutter.dev，中文文档地址是flutter.cn。 适合人员 课程适合的人群：具备半年以上Android或者iOS或者RN等开发经验或者一年以上前端开发经验

一. Dart介绍和安装 1.1. 认识Dart Google为Flutter选择了Dart就已经是既定的事实，无论你多么想用你熟悉的语言，比如JavaScript、Java、Swift、C++等来开

一. 运算符 1.1. 除法、整除、取模运算 我们来看一下除法、整除、取模运算 1.2. 赋值操作??= dart有一个很多语言都不具备的赋值运算符：??= 当变量为null时，使用后面的内容进行赋值

一. 创建Flutter项目 1.1. 通过命令行创建 通过命令行创建非常简单，在终端输入以下命令即可： **注意：**Flutter的名称不要包含特殊的字符，另外不可以使用驼峰标识 创建完之后使用自

optional + enter，对于不同的widget会有不同的效果 如果是statelessWidget或者statefulWidget，就可以进行它们之间的相互转换： 如果是其他widget，可

一. StatefulWidget 1.1. 认识StatefulWidget 1.1.1. StatefulWidget介绍 如果你有阅读过默认我们创建Flutter的示例程序，那么你会发现它创建的

一. 文本Widget 在Android中，我们使用TextView，iOS中我们使用UILabel来显示文本； Flutter中，我们使用Text组件控制文本如何展示； 1.1. 普通文本展示 在F

一. 单子布局组件 1.1. Align组件 1.1.1. Align介绍 我们可以通过源码来看一下Align有哪些属性： 这里我们特别解释一下widthFactor和heightFactor作用：

一. JSON读取和解析 1.1. JSON资源配置 JSON也属于一种资源，所以在使用之前需要先进行相关的配置。 我们之前在学习使用Image组件时，用到了本地图片，本地图片必须在pubspec.y

一. 网络请求的方式 在Flutter中常见的网络请求方式有三种：HttpClient、http库、dio库； 1.1. HttpClient HttpClient是dart自带的请求类，在io包中，

一. 豆瓣数据 这里我们使用豆瓣的请求地址：https://douban.uieee.com/v2/movie/top250?start=0&count=20 在浏览器中请求，获取到的数据如下： 注意

这个练习小项目主要是为了锻炼布局Widget，但是也涉及到一些其他知识点：评分展示、分割线、bottomNavigationBar等。 这些内容，我们放到后面进行补充，但是在进行豆瓣Top电影模仿时，

案例地址：Flutter_豆瓣案例 一. 数据请求和转化 1.1. 首页数据请求转化 豆瓣数据的获取 这里我使用豆瓣的API接口来请求数据： douban.uieee.com/v2/movie/to…

一. Flutter的渲染流程 1.1. Widget - Element - RenderObject关系 1.2. Widget是什么？ 官方对Widget的说明： Flutter的Widgets

Flutter使用Dart作为开发语言和运行时机制，Dart一直保留着运行时机制，无论是在调试模式（debug）还是发布模式（release），但是两种构建方式之间存在很大的差异。 在调试模型下，Da

一. 为什么需要状态管理？ 1.1. 认识状态管理 很多从命令式编程框架（Android或iOS原生开发者）转成声明式编程（Flutter、Vue、React等）刚开始并不适应，因为需要一个新的角度来

一. 事件监听 在Flutter中，手势有两个不同的层次： 第一层：原始指针事件（Pointer Events）：描述了屏幕上由触摸板、鼠标、指示笔等触发的指针的位置和移动。 第二层：手势识别（Ges

一. 动画API认识 动画其实是我们通过某些方式（比如对象，Animation对象）给Flutter引擎提供不同的值，而Flutter可以根据我们提供的值，给对应的Widget添加顺滑的动画效果。 针