跨平台 Flutter 开发学习手册私藏秘籍大公开，你确定不看看

2022-10-28 本文已影响0人程序老秃子

引言

在 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 对广大开发者而言是 利远远大于弊的