如何学习Flutter（学会这些你就入门了） an-d-ro-id

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

文章图片

前言 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，这就是最“有力的”理由之一：“老板（领导）要”，除非你选择“跳槽”飞出三界。
虽然 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最终称王不得说，可能后面也会有更好的开发框架，但是这种自绘应该就是趋势。
以上是我实际开发经验的总结心得，也不一定是完全正确的，让我们拭目以待吧。