爱了！阿里大神最佳总结“Flutter进阶学习笔记”，理论与实战

前言

“小步快跑、快速迭代”的开发大环境下，“一套代码、多端运行”是很多开发团队的梦想，美团也一样。他们做了很多跨平台开发框架的尝试：React Native、Weex、PWA 等等。但都没有得到很好的解决，直至遇到Flutter。

Flutter 提供了一整套从底层渲染逻辑到上层开发语言的完整方案，有跨平台、高保真、高性能等优点。因此从发布开始，热度一路攀升，受到开发者们的热切青睐，也有了阿里闲鱼、今日头条、腾讯 Now 等在内的一众知名商业案例。

我曾跟很多前端、Android、iOS 的开发者聊过，其中超过 80% 的人告诉我他正在或打算学 Flutter ，但他们中的大部分都遇到了这些问题：

1、Flutter 从语言到开发框架都是全新的，技术栈的积累必须从头开始，学起来很费力。

2、看了很多关于 Flutter 的教程，可它们都太重视应用层 API 各个参数的介绍或实现细节，感觉无从下手。

想学好 Flutter，不应该仅停留细节层面，更要深入它的原理、设计思路和通用理念。

分享一张我收藏的 Flutter 核心知识图谱，里面涵盖了开发、调试、测试、发布、线上运维及工程管理。只要你能掌握下面80%的知识点，绝对可以搞懂 Flutter。

Flutter 的优点

从出身来说，Flutter 是谷歌的，所以对于 Android 开发者来说，从开发环境上来说，上手要容易很多。

其次， Flutter 目前的更新与迭代非常频繁，在 3 月份发布了 Flutter的 2.0 版本，支持了Android、iOS、Windows、macOS、Linux 平台，甚至未来可以会被嵌入到一些智能设备：电视、智能家居甚至汽车。

回归到技术层面，大家都知道以前比较热门的跨端框架是 React Native，实现原理主要是利用 js 将页面上的控件转化为原生控件，这样就带来了很多问题，例如新控件的适配，以及不同平台控件的差异性没法磨平，一个页面Android、iOS展示效果有差异，UI 同学不会同意吧。

而 Flutter 彻底改变了之前「转化」的思路，采用了全新的 Widget，完全自己绘制，屏蔽掉平台的差异性。

最后，Flutter 整个社区的活跃度非常高，出问题有地方查，有大厂分享最佳实践，不香吗？

找工作的加分项

Flutter目前也是Android开发岗位的加分项，下面是我在Boss上面搜到的一部分招聘信息。

通过上图我们可以看出，很多大厂在高薪招聘这方面的人才，Flutter 确确实实可以成为我们找工作的一个帮助。

Android开发该如何快速上手Flutter？

我们可以利用 Flutter 官方网站的教程，搭建好环境，写出一些 Demo 示例，在此之后需要了解如何混合开发，“万物皆 Widget”到底怎么理解？对于 State 的理解等原理知识...

这些对我们Android开发来说都有一定的难度。

为了让大家快速无痛上手 Flutter，给大家分享一份阿里大神总结的《Flutter进阶学习笔记》。

整理大纲

为什么Flutter是跨平台开发的终极之选
在Windows上搭建Flutter开发环境
编写您的第一个 Flutter App
Flutter开发环境搭建和调试
Dart语法篇之基础语法(一)
Dart语法篇之集合的使用与源码解析(二)
Dart语法篇之集合操作符函数与源码分析(三)
Dart语法篇之函数的使用(四)
Dart语法篇之面向对象基础(五)
Dart语法篇之面向对象继承和Mixins(六)
Dart语法篇之类型系统与泛型(七)
Flutter中的widget

第一章为什么Flutter是跨平台开发的终极之选

这是为什么？
跨平台开发
什么是 Flutter
Flutter 的特性
Flutter 构建应用的工具
使用 Flutter 构建的热门应用
构建 Flutter 应用的成本
……

第二章在Windows上搭建Flutter开发环境

使用镜像
系统要求
获取Flutter SDK
编辑器设置
Android设置
起步: 配置编辑器
起步: 体验
体验热重载
创建新的应用
运行应用程序
……

第三章编写您的第一个 Flutter App

第1步: 创建 Flutter app
第2步: 使用外部包(package)
第3步: 添加一个有状态的部件（Stateful widget）
第4步: 创建一个无限滚动ListView
第5步: 添加交互
第6步: 导航到新页面
第7步：使用主题更改UI
……

第四章 Flutter开发环境搭建和调试

开发环境的搭建
模拟器的安装与调试
开发环境的搭建
模拟器的安装与调试
……

第五章 Dart语法篇之基础语法(一)

Hello Dart
数据类型
变量和常量
集合(List、Set、Map)
流程控制
运算符
异常
函数
……

第六章 Dart语法篇之集合的使用与源码解析(二)

List
Set
Map
Queue
LinkedList
HashMap
Map、HashMap、LinkedHashMap、SplayTreeMap区别
命名构造函数from和of的区别以及使用建议
……

第七章 Dart语法篇之集合操作符函数与源码分析(三)

Iterable

Iterable类关系图

Iterable类方法图
forEach

介绍

使用方式

源码解析
map

介绍

使用方式

源码解析
any

介绍

使用方式

源码解析
every

介绍

使用方式

源码解析
where

介绍

使用方式

源码解析
firstWhere和singleWhere和lastWhere

介绍

使用方式

源码解析
join

介绍

使用方式

源码解析
take

介绍

使用方式

源码解析
takeWhile

介绍

使用方式

源码解析

……

第八章 Dart语法篇之函数的使用(四)

函数参数
匿名函数(闭包，lambda)
箭头函数
局部函数
顶层函数和静态函数
main函数
……

第九章 Dart语法篇之面向对象基础(五)

属性访问器(accessor)函数setter和getter
面向对象中的变量
构造函数
抽象方法、抽象类和接口
类函数
……

第十章 Dart语法篇之面向对象继承和Mixins(六)

类的单继承
基于Mixins的多继承
……

第十一章 Dart语法篇之类型系统与泛型(七)

可选类型
接口类型
泛型
类型具体化
……

第十二章 Flutter中的widget

Flutter页面-基础Widget
Widget
StatelessWidget
Stateful Widget
State生命周期
基础widget
文本显示
……

由于篇幅有限，进截图展示部分内容，朋友们如果有需要完整版学习手册，可以到我的【Github】阅读下载.

特别认同一句话：只有拥抱变化，才能比别人更早发现机会。

没有谁甘愿薪资增长缓慢或一直被无情压榨，或早或晚我们都会走上进阶之路。与其被动接受，不如主动出击，先争取成为技术强+思维深+视野广的工程师，机会来临时才能从容不迫地顺应而上，比别人更快一步。