Flutter 作为谷歌的开源框架到底有何可取之处？我们又该如何学习？

本文主要是介绍Flutter 作为谷歌的开源框架到底有何可取之处？我们又该如何学习？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

首先我们来了解下什么是 Flutter ?

谷歌官方解释：

Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面

一份代码可以同时生成 iOS 和 Android 两个高性能、高保真的应用程序

Flutter 目标就是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序，并且兼容 滚动行为、排版、图标等方面的差异
Flutter 的开发语言是 Dart，如果您使用过 Java 或 JavaScript 之类的语言，则能够很快上手，甚至有一些 Flutter 应用是没有编程经验的人写的

现如今，Flutter 已经被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的

下面是一张 Flutter 框架结构图

从图中我们可以看出 Flutter 的架构主要分成三层： 分别是 Framework ， Engine 和 Embedder

Framwork

这一层纯 Dart 实现，使用了两种设计风格 Material Design 和 Cupertino (针对iOS) 风格

Widgets 层： 一套基础组件库
Rendering 层： UI 布局渲染
Animation、Painting、Gestures、Foundation 是 Dart： UI 库提供的对接底层动画，手势识别等功能

Engine

Engine 是使用 C++ 进行实现的，主要包括：Skia, Dart 和 Text

Skia 是开源的二维图形库，提供了适用于多种软硬件平台的通用API； 其已作为Google Chrome，Chrome OS，Android, Mozilla Firefox, Firefox OS等其他众多产品的图形引擎，支持平台还包括Windows, macOS, iOS，Android，Ubuntu等
Dart 部分主要包括：Dart Runtime，Garbage Collection(GC)，如果是Debug模式的话，还包括JIT(Just In Time)支持； Release和Profile模式下，是AOT(Ahead Of Time)编译成了原生的arm代码，并不存在JIT部分
Text 即文本渲染，其渲染层次如下： 衍生自 Minikin 的 libtxt 库(用于字体选择，分隔行)；HartBuzz 用于字形选择和成型；Skia 作为渲染 GPU 后端，在 Android 和 Fuchsia 上使用 FreeType 渲染，在 iOS 上使用 CoreGraphics 来渲染字体

Embedder

Embedder 是嵌入层； 与各个系统平台相关联，即把 Flutter 嵌入到各个平台上去，引擎移植到平台的中间层代码渲染设置，原生插件，打包，线程管理，事件循环交互操作

Flutter的优势在哪里？

开发效率高

毫秒级的热重载，修改后，您的应用界面会立即更新；使用丰富的、完全可定制的 widget 在几分钟内构建原生界面

富有表现力和灵活的UI

快速发布聚焦于原生体验的功能；分层的架构允许您完全自定义，从而实现难以置信的快速渲染和富有表现力、灵活的设计

原生性能

Flutter 包含了许多核心的 widget，如滚动、导航、图标和字体等，这些都可以在 iOS 和 Android 上达到原生应用一样的性能

Flutter 要学吗？

Flutter 于谷歌而言，这是他们重新整理 跨平台生态环境 决心的体现，Flutter 所展现的内容，也是谷歌想拓展和维护的方向；对于长期苦恼于 跨平台 选择的广大 Android 开发者 而言，Flutter 可谓是谷歌为我们提供的 指路明灯

也许，Flutter 系列的部分库还没成熟到成为你工作的第一选择，但是，深入学习 Flutter 组件会为你提供与谷歌大佬深入交流的机会，为你日常的开发带来一些想法

总的来说，Flutter 对广大开发者而言是 利远远大于弊的

该如何去学习 Flutter？

关于 Flutter 的文档资料 在网上其实有很多，但大多 杂而不精，并不能给提供一个 好的学习方向； 所以为了让大家对 Flutter 有充分的了解，特提供一份 Flutter 开发工程师 思维导图，并通过思维导图；融合这些年的工作经历和网上的资料查询，最终将其整合了成了一个 Flutter 学习笔记； 需要 完整版 Flutter 学习笔记 的朋友：现在私信发送 “笔记” 即可 免费获取；希望大家通过阅读这份学习笔记，能够查漏补缺