Flutter学习路线总结

作为一个多年的移动端开发人员，之前使用过Hybrid和RN混编技术在原生中开发，现使用Flutter开发也有一年多了，项目一直在持续迭代中，并做过架构，封装过多个组件和插件。在这里做个总结，希望能给感兴趣的同学一些帮助。

学习一门技术或语言不要上来就直奔代码，要先知道为什么要选择这门技术，这门技术解决了什么、和同级语言相比的优缺点等。所以第一篇文章我会简单从混编技术选型、环境搭建、开发语言的学习、Flutter开发起步几个方面进行介绍，之后会陆续更新Flutter开发中遇到的问题的解决方案和架构方面的文档。

第0步 技术选型

也跟很多朋友探讨过这个问题，到底是用原生还是混编方式去开发一个应用，我认为在移动互联网的浪潮下，开发效率和使用体验可以说是同等重要。使用原生的方式来开发APP，就需要我们必须对iOS和Android两个平台分别开发，这对于中小型团队来说就是有隐患和额外的负担的。所以使用原生还是混编需要从公司的现有状况和对产品的体验要求等来考虑。

跨平台开发是为了增加业务代码的复用率，减少因为要适配多个平台带来的工作量，从而降低开发成本。

根据实现方式的不同，业内常见的观点是将主流的跨平台方案划分为三个时代。

• Web 容器时代：基于 Web 相关技术通过浏览器组件来实现界面及功能，典型的框架包括 Cordova(PhoneGap)、Ionic 和微信小程序。
• 泛 Web 容器时代：采用类 Web 标准进行开发，但在运行时把绘制和渲染交由原生系统接管的技术，代表框架有 React Native、Weex 和快应用，广义的还包括天猫的 Virtual View 等。
• 自绘引擎时代：自带渲染引擎，客户端仅提供一块画布即可获得从业务逻辑到功能呈现的多端高度一致的渲染体验。Flutter，是为数不多的代表。

(此图