如何学习Flutter？学会这些你就入门了

如果你真的觉得很难，坚持不了了，那就放弃，既然放弃了就不要抱怨没有得到。

选择你热爱的，坚持你选择的，不抱怨放弃的。

前言

Flutter越来越火，学习Flutter的人越来越多，对于刚接触Flutter的人来说最重要的是如何学习Flutter，重点学习Flutter的哪些内容。下面是Flutter的学习路线图，学会这些你就入门了，当然这仅仅是初学者的学习路线图，前路漫漫。

了解Flutter

这是一个非常虚的概念，也不必花费非常多的时间去专门了解，只需在搜索引擎上搜索大概浏览下相关内容即可，这可以让你对Flutter有一个全面的、站在顶层的了解，了解的内容如下：

• Flutter是什么、历史发展、有哪些优点。
• Flutter对比其他跨平台技术有哪些优势。
• Flutter整体框架。
• Flutter实现原理。
• Flutter响应式编程实现原理。
• Flutter与Dart的关系及Dart特点。

不要一看上面“原理”就感觉好高深，对于初学者要了解仅仅是思想，知道实现的思路，而不需要深入学习。

环境搭建

其实学习每一项技术首先都需要搭建环境，这并不属于学习路线的一部分，拿到这里单独说，也并不是告诉大家如何搭建环境，而是给大家推荐环境的选择，因为Flutter的开发并没有专门的IDE，可以使用vscode、android studio等，这里推荐使用android studio，系统建议Mac OS，因为Flutter目前主要用于Android和IOS的开发。

UI控件

UI控件的学习是进入Flutter的钥匙，因此第一个要学习的就是相关UI控件，Flutter系统提供的组件非常多（估计300+），难道要都要学习一遍吗？就算一天学3个控件，那也需要好几个月，这明显是不科学的，只需要学习常用的组件即可，哪些是常用组件？已经为大家整理好了常用组件及相关用法，地址：http://laomengit.com ，不仅有常用组件，还有整理了150多个组件的相关用法，不常用组件只需浏览一下，知道Flutter提供了类似的组件，用到的时候在来查阅。

Dart基础

Flutter是用Dart语言开发的，所以我们需要Dart语言的基础知识，如果你有其他高级语言的基础，这一部分基本可以略过，只需了解如下内容：

如何导入包。

• 异步编程（Future、async、await）。
• 注释。
• 命名规范
• 如何定义变量作用域（private、public）
• 因为这些方面和其他高级语言有些区别，至于其他的方法差别不大。

对于没有其他语言基础，甚至没有编程基础，这时候你需要找一本Dart基础的书学习其中的知识。

手势事件及事件传递机制

Flutter中有点击、长按、双击等各种手势事件，学习如何给控件绑定手势事件及事件的处理，最后需要对事件的传递机制有一定的了解。

动画

Flutter提供了大量的动画组件，但我们不仅仅是会使用这些组件，还要了解动画组件的实现原理，自定义动画组件。

网络请求

任何一个App基本都离不开请求网络，学会网络请求数据，强烈建议先了解下Dart自带网络请求，然后使用dio第三方库获取网络请求。

本地数据存储

本地数据的存储有如下几种方式：

• 文件读取、写入。
• shared_preferences：通过key-value的方式存放数据，适合存储简单的数据，比如配置数据等。

• sqflite：数据库的形式存储数据，适合存储大量数据。

  路由管理

  什么是路由？简单的理解就是页面的跳转，从一个页面跳转到另一个页面。路由管理就是对这些页面跳转到管理。

国际化

如果你的App需要国际化，那么你需要学习国际化相关的内容，如何设置不同国家的文案等。当然这并不是必须的。

混合开发

混合开发是一个非常重要的内容，即使你完全使用Flutter开发一个全新的App，也可能涉及到原生开发。这部分你需要了解如下内容：

• 在原生项目中增加Flutter模块。
• Flutter与原生通信。
• Flutter与原生通信更为重要，因为一些涉及硬件功能Flutter必须通过原生实现，比如相机、蓝牙等。

学习 Flutter 的理由

在我接触在大多 Flutter 萌新里，有很大一部分其实是“被迫”使用 Flutter，因为领导或者老板要求用 Flutter ，所以不得不“欲拒还迎”地开始学习 Flutter，这就是最“有力的”理由之一 ：“老板（领导）要”，除非你选择“跳槽”飞出三界。

虽然 Flutter 是全新的跨平台技术，但其背后的框架原理和底层设计思想，无论是底层渲染机制与事件处理方式，还是组件化解耦思路，亦或是工程化整体方法等，与原生 Android / iOS 开发并没有本质区别，甚至还从 React Native 那里吸收了不少优秀的设计理念。就连 Flutter所采用的 Dart 语言，关于信息表达和处理的方式，也有诸多其他优秀编程语言的影子。

因此，从本质上看，Flutter 并没有开创新的概念。这也就意味着，如果我们在学习 Flutter时，能够深入进去搞懂它的原理、设计思路和通用理念，并与过往的开发经验相结合，建立起属于自己的知识体系抽象层次，而不是仅停留在应用层 API 的使用上，就摆脱了经验与平台的强绑定。

Flutter 到底该怎么学？

这份谷歌开源的《Flutter完整开发实战详解》，希望可以帮助大家用最短时间学习Flutter。教程通俗易懂，实例丰富，既有基础知识，也有进阶技能，能够帮助读门者快速入进阶，快收藏起来！！！

一、Dart语⾔和Flutter基础

⼆、 快速开发实战篇

**1、基础控件
2、数据模块
3、其他功能**

三、 打包与填坑篇

**1、打包
2、细节
3、问题处理**

四、 Redux、主题、国际化

**1、Redux
2、主题
3、国际化**

五、 深⼊探索

**1、WidgetsFlutterBinding
2、InheritedWidget
3、内存
4、线程
5、热更新**

六、 深⼊Widget原理

七、 深⼊布局原理

**1、单⼦元素布局
2、多⼦元素布局
3、多⼦元素滑动布局**

⼋、 实⽤技巧与填坑

九、 深⼊绘制原理

**1、绘制过程
2、Slider 控件的绘制实现**

⼗、 深⼊图⽚加载流程

**1、图⽚流程
2、本地图⽚缓存
3、其他补充**

⼗⼀、全⾯深⼊理解Stream

1、Stream 由浅⼊深
2、StreamBuilder
3、rxdart

⼗⼆、全⾯深⼊理解状态管理设计

**1、scoped_model
2、BloC
3、flutter_redux
4、fish_redux**

⼗三、全⾯深⼊触摸和滑动原理

⼗四、混合开发打包 Android 篇

**1、前⾔
2、打包
3、插件
4、堆栈**

Flutter ⾯试知识点集锦

**Dart 部分
Flutter 部分**

Flutter 开发实战与前景展望 - RTC Dev Meetup

**1、移动开发的现状
2、Flutter 实战
3、混合开发
4、PlatformView**

由于文章篇幅有限，文档资料内容较多，本可以提供链接下载，但无奈容易被和谐，所以全部存档，需要这些文档这里的朋友，可以【点击这里免费获取】，希望能够共同进步，共勉！

总结

不论是哪一代的开发技术，解决的问题无非就是那么几个：性能，开发效率，热更新。前两者flutter已经接近完美解决了，至于热更新相信随着后面不断的更新迭代，会有越来越优秀的解决方案。

可能很多人会认为flutter的最大弊端在于dart，但是对于一个跨平台的方案来说一种语言应该不至于阻碍它的发展，至少flutter选择dart这门语言肯定也是由它的优势所在，最看的见得优势就是JIT，即时编译极大的提高了开发效率。当然还有各种优势与弊端网上一搜一大把，这里就是仁者见仁智者见智了吧。

我想信flutter这种跨平台开发技术应该是就是未来，至于是不是flutter最终称王不得说，可能后面也会有更好的开发框架，但是这种自绘应该就是趋势。

以上是我实际开发经验的总结心得，也不一定是完全正确的，让我们拭目以待吧。