揭开 Flutter 跨平台开源框架的神秘面纱

Android技术栈发布时间：2022-09-13 22:09:20 ，浏览量：1

引言

在 Flutter 刚刚从 Google 刚刚推向 Android 市场的时候，我就开始对 Flutter 开始了学习之路；但由于当时 Flutter 许多东西尚未完善而没有推出稳定的版本，所以也就没有对其进行深入的学习，直到如今 Flutter 又重出江湖，在市场上也得到了蓬勃发展及许多业内大佬的力推，我便又再次入坑 Flutter

实现 UI 和交互是高级开发者的必备技能，也是掌握 Flutter 开发的重点；同样 Flutter 跨平台的特性是原生不能比拟的，更何况还有不弱的性能表现；而性能往往是由生命周期来决定的

何为 Flutter 的生命周期？

如果你是一名开发人员，那么你一定不会对生命周期感到陌生；当你在学习 Flutter 的时候，Flutter 也有自己的生命周期，只有通过了解 Flutter 的生命周期，才能知道应该在哪里来写业务逻辑

Flutter 生命周期

如上图所示,Flutter 生命周期大体上可以分为三个阶段：初始化、状态变化、销毁；下面依次说明各个阶段的工作

初始化阶段（插入渲染树）

对应执行构造方法和 initState

状态变化阶段（在渲染树中存在）

开新的 widget 或者调用setState方法

销毁阶段（从渲染树种移除）

deactivate 和 dispose

如果之前你对 Flutter 有一点点了解的话，你会发现 Flutter 中有两个主要的 Widget： StatelessWidget（无状态）和 StatefulWidget（有状态）

StatelessWidget

无状态组件是不可变的，这意味着它们的属性不能变化，所有的值都是最终的；可以理解为将外部传入的数据转化为界面展示的内容，只会渲染一次
对于无状态组件生命周期只有 build 这个过程；无状态组件的构建方法通常只在三种情况下会被调用：小组件第一次被插入树中，小组件的父组件改变其配置，以及它所依赖的 InheritedWidget 发生变化时

StatefulWidget

有状态组件持有的状态可能在 Widget 生命周期中发生变化，是定义交互逻辑和业务逻辑；可以理解为具有动态可交互的内容界面，会根据数据的变化进行多次渲染

实现一个 StatefulWidget 至少需要两个类：

一个是 StatefulWidget 类另一个是 Sate 类

StatefulWidget 类本身是不可变的，但是 State 类在 Widget 生命周期中始终存在
StatefulWidget 将其可变的状态存储在由 createState 方法创建的 State 对象中，或者存储在该 State 订阅的对象中

接下来看看 Fultter 的优势在哪里？

快速开发和迭代

Flutter 自身具有热修复（热重载）的功能，尽管有使用的限制，但是它依然能够为开发过程提供更高的效率；另外，Flutter SDK 还允许我们修复崩溃和继续从应用程序停止的地方进行调试

页面流畅、样式美观

对于不同的平台（Android和iOS），Flutter 提供了风格不同的控件，以满足不同平台的设计理念

提供原生性能

Flutter 提供了一种响应式视图，无须 JavaScript 做桥接；强大的 API 使得实现复杂的页面效果成为可能；高性能的渲染机制使得 120 FPS 的高频率可以轻而易举的实现；当界面上的图片数量越来越多时，与 React Native 相比，Flutter的优势会越来越明显

灵活的跨平台开发

Flutter 可以单独作为开发框架完成整个 App 的开发，也可以与现有原生代码相结合实现 Hybrid 混合模式的开发

那 Flutter 需要学吗？

Flutter 抛弃了原生系统控件和 Webview，使用自研高性能渲染引擎来绘制 Widget，预先 (AOT) 编译，运行时直接执行 Native(arm) 代码，Dart 代码执行(在 UI TaskRunner)，图片下载 (IO TaskRunner)，真正的渲染 (GPU TaskRunner) ，同平台的通信等 (Platform TaskRunner 即 Native 概念下的主线程)是互相隔离的

针对布局等的优化；布局计算时单次树走动即可完成；Relayout Boundary 机制:如果 Child 的 size 是固定的，那么不会因为 Child 的 Relayout 导致 Parent ReLayout 等布局优化，都让 Flutter 脱颖而出

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

以目前的开发速度，只要不出大的纰漏，按部就班的往前推进，在不久的将来， Google 一定可以把 Flutter 平台打造得非常完美，届时又会改变移动开发技术的格局了

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

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

该如何去学习 Flutter？

在这分享一份整理了2个月的 Flutter 开源学习笔记，里面包括了这些年的工作经历及对网上的资料查询和整理，最终将其整合成了一份 PDF 文档给大家！为了不影响阅读，在这以图片展示部分内容截图，有需要的朋友，可以私信发送 “笔记” 即可免费领取

内容展示如下：

Flutter 开源学习笔记目录