引言
在 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?
这里给大家推荐一套 Flutter 开发学习路线,并附有相关《Flutter 开发核心知识点及源码解析笔记》,相信可以给大家提供一些帮助,有需要的朋友们也可以拿去查漏补缺;有需要的小伙伴:可点击此处查看直达方式,或者简信发送 "Flutter 进阶" 即可 直达获取!
手册内容展示如下
Dart 语法详解
Flutter 编译模式
Dart 语法进阶
imageFlutter 线程管理
Flutter 项目实战
Flutter 性能监控
以上的知识点内容都是免费获取的,有兴趣的小伙伴:可以简信发送 "Flutter 进阶" 即可 直达获取;觉得手册内容有用的话,大家可以点赞分享一下
网友评论