美文网首页Android技术知识Android开发Android开发经验谈
跨平台 Flutter 开发学习手册私藏秘籍大公开,你确定不看看

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

作者: 程序老秃子 | 来源:发表于2022-10-28 21:27 被阅读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 机制:如果 Childsize固定的,那么不会因为 ChildRelayout 导致 Parent ReLayout布局优化,都让 Flutter 脱颖而出

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

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

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

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

    该如何去学习 Flutter?

    这里给大家推荐一套 Flutter 开发学习路线,并附有相关《Flutter 开发核心知识点及源码解析笔记》,相信可以给大家提供一些帮助,有需要的朋友们也可以拿去查漏补缺;有需要的小伙伴:可点击此处查看直达方式,或者简信发送 "Flutter 进阶" 即可 直达获取!

    手册内容展示如下

    Dart 语法详解

    Flutter 编译模式

    Dart 语法进阶

    image

    Flutter 线程管理

    Flutter 项目实战

    Flutter 性能监控

    以上的知识点内容都是免费获取的,有兴趣的小伙伴:可以简信发送 "Flutter 进阶" 即可 直达获取觉得手册内容有用的话,大家可以点赞分享一下

    相关文章

      网友评论

        本文标题:跨平台 Flutter 开发学习手册私藏秘籍大公开,你确定不看看

        本文链接:https://www.haomeiwen.com/subject/ucmftdtx.html