Flutter 学习资料及笔记总结

也许是 程序员 天生的鄙视链作祟，后端出身的自己一直认为前端/客户端就是一个“画皮”的事，因此一直不愿意投资时间系统地学习前端技术栈。一般都是实在不得不做前端的时候，在 github 找个功能需求差不多的代码库，修改一下上线。开发速度倒是很快，但是出来的效果总是被评价为“程序员审美”。

一直在寻找一个性价比高的方案，希望能够真正 Write once, run anywhere . 对于桌面客户端，尝试过一段时间 Electron, 但是发布安装包的体积大以及web级别的性能使得只能在有限场景下使用。移动端，当前最火的自然是 RN. 但个人是在受不了RN中屁大点的事情都搞得复杂难用，因此一直也是敬而远之。而去年12月Google发布的Flutter却让自己有了眼前一亮的感觉。

RN vs Flutter

Flutter比RN晚出生两年，而在很多概念上，其实也是借鉴的RN。无论是从社区还是成熟度来看，Flutter都还有很长一段时间要走：

但是，Flutter的设计哲学更加简单，更符合自己的品味。举个例子，Flutter中，几乎所有的UI元素都是一个 widget, 没有那些乱七八糟故弄玄虚的概念，一切都非常直白。从上表的比较可以看出，其实技术层面，Flutter其实并没有绝对的优势，在社区和成熟度上还有明显的短板，但这些都不重要。重要的是，判断一个技术是值得投资，要看未来三五年中，这个技术有没有可能成为行业标准，尤其是在大公司引领下成为事实标准。

显然，Flutter具有这样的潜力。移动开发中，在 web/H5 无法覆盖的场景，在效率和成本的驱动下，跨平台开发会是行业的趋势。最近火热的 996.icu 也算是一种从侧面透露出以后并不需要那么多的客户端开发同学。另一方面，Flutter 是Google为下一代操作系统Fusion的重要布局，且有chromium项目加持。无论从战略还是项目层面，都是天空给的足够高，翅膀长的足够硬。从这个层面看，RN简直就是一群小学生在玩过家家了（开个玩笑，不要当真）。国内方面，无论是阿里还是腾讯，都开始在Flutter上进行布局和项目技术投入。需要特别指出的是，在Flutter之前，阿里是有自研 Weex 的，具体项目上，闲鱼团队已经有在实际项目中使用 Flutter.

Flutter 学习资料及笔记

Flutter 可以简单的理解为一个使用Dart语言进行开发的跨平台UI框架。因此，入门需要学习的东西主要有两块：

1. Dart语言；
2. Flutter 框架；

Dart 语言设计之初是为了替代 Javascript, 因此，整体上没有那么多 语言bug , 会比 JS 要更加符合后端同学的语言习惯。语言入门只推荐一个官方的 A Tour of the Dart Language 学习资料。看资料的过程中，可以结合 DartPad

写一些代码片段，辅助记忆和理解。Dart 语言学习笔记：

• 一切皆对象，默认值都是null
• 下划线开头的变量是私有变量，跟Golang的语言设计风格类似
• 基础类型转换，依赖 parse 和 toString 方法
• string是 utf-16, 有点非主流
• 函数默认值必须是 const, 规避不可重入的问题
• Dart的所有异常都是 unchecked exception，且可以抛出任意object作为异常
• 构造函数可以取名称，便于阅读理解，但是这点改进对于引入的复杂度并不划算

整体看，Dart 引入的一些语言特性是 python + Java 的合体。语言上中规中矩，没有什么亮点。可以看成是 javascript 的静态类型版。但是，谁让Dart搭上了Flutter这趟潜力股，而Flutter又找了Google这个大干爹呢。老实学吧，反正也就一两个小时的事。

关于Flutter本身的学习资料，其 官方网站 的文档一如既往地保持了 Google 级文档的水准。但是官方文档有点大而全，可能没有足够时间通读，一时半会也不容易抓住重点。我推荐几个资料你一定要仔细阅读：

• Introduction to declarative UI : 建立Flutter UI的一个初步认知和直观感受。
• 无论你是不是从其他平台转过来的，建议你都阅读一下 Flutter for Android developers , Flutter for iOS developers , Flutter for web developers . 这里面你能了解到其他平台到Flutter的一些概念映射，以及常见问题的解决方案。
• 以上资料学习完以后，推荐看优达学院的免费视频课程 Build Native Mobile Apps with Flutter . 课程分上下两部分，时间不长，但是覆盖了Flutter自定义widget, 导航, API调用等多个方面。两个晚上可以学完。

学习完以上资料，附带一些课程联系，你会花大约1~2个周末的时间。学完以后，你已经初步具备开发跨平台 app 的能力了。（我个人的情况是， 两个周末学习完上面的资料，并完成一个简单的 app 开发并提交到app store审核，相信你也能做到。）

在开发app过程中，你可能会查找组件，这里推荐阿里的 flutter-go .

如果需要进一步深入，可以阅读学习 其他人的代码 。

此外，如果你关注 Flutter 在桌面端的跨平台情况，由于官方还没有发布桌面支持的正式版本。推荐你当前先watch Desktop Embedding for Flutter 和 go-flutter 两个项目。

总结

在Google Fusion战略和明星项目chromium加持下，以及国内巨头积极跟入的背景下，花两个周末系统学习一下Flutter个人认为是一个潜在投资性价比很高的事情。另一方面，Flutter从去年12月才发布1.0正式版，整体成熟度还不是很高，因此在实际项目中并不建议太激进的引入使用，并且Flutter在一些原生支持上海不够完善。比如，使用Flutter接收其他app分享的内容，android平台下你可以根据 How do I handle incoming intents from external applications in Flutter? 来解决，但是在iOS平台，当前阶段则是彻底不支持。

四五年前iOS客户端开发炙手可热的机会已经一去不复返了，Flutter也许是下一个机会。

–EOF–