2022年了,来谈谈Flutter的未来,带你全面了解 Flutter,它好在哪里?该怎么学?

31 篇文章 0 订阅
8 篇文章 0 订阅

背景介绍

回顾了这段时间解答关于 Flutter 的各种问题后,我突然发现很多刚刚接触 Flutter 的萌新,对于 Flutter 都有着不同程度的误解,而每次重复的解释又十分浪费时间,最终我还是决定写篇文章来做个总结。

内容有点长,但是相信能帮你更好地去认识 Flutter 。
Flutter 的起源
Flutter 的诞生其实比较有意思,Flutter 诞生于 Chrome 团队的一场内部实验, 谷歌的前端团队在把前端一些“乱七八糟“的规范去掉后,发现在基准测试里性能居然提高了 20 倍,机缘巧合下 Flutter 就这么被立项。

所以 Flutter 是基于前端诞生,同时基于它的诞生缘由,可以看到 Flutter 本身就不会有特别多的语法糖,作为框架它比较“保守”,选择的 Dart 语言也是保守型的语言。而它的编程模式,语法都带有浓厚的前端色彩,可是它却最先运用在移动客户端的开发。

所以当 Flutter 面世的时候,就需要面对一个很尴尬的状态:

  • 对于客户端原生开发而言,声明式的开发方式一上手就不习惯,习惯了代码与布局分离(java\kotlin + xml )和命令式的对象编程,声明式开发需要额外的学习成本;同时也觉得 Flutter 的嵌套很“恶心”。
  • 对于前端开发而言,Flutter 的环境配置很烦人,除了 VSCode 和 Flutter SDK 之外,还需要原生的如 Java 、Gradle 、Android SDK 、XCode 等“出圈”的环境变量(时不时遇上网络问题),而且 Flutter 所需要的原生平台知识点对前端来说很不友好;同时也觉得 Flutter 的嵌套很“恶心”。

发现没有?我没有说 Dart 语言是学习成本,因为无论对于擅长 JS 的前端而言,还是对于掌握 Java\Kotlin\Swift 的客户端而言,Dart 无论怎么看都是“弟弟”。

另外不管是前端还是客户端,都会对 Flutter 的嵌套很“恶心”做出抨击,但是嵌套问题严重吗?这个我们后面会聊到。

综上所述, Flutter 对于前端入坑或者客户端入坑的萌新来说,都会有一定程度的门槛和心理抵触。那对于前端或者客户端来说,有没有必须要学习 Flutter 呢?

学习 Flutter 的理由

在我接触在大多 Flutter 萌新里,有很大一部分其实是“被迫”使用 Flutter,因为领导或者老板要求用 Flutter ,所以不得不“欲拒还迎”地开始学习 Flutter,这就是最“有力的”理由之一 :“老板(领导)要”,除非你选择“跳槽”飞出三界。

虽然 Flutter 是全新的跨平台技术,但其背后的框架原理和底层设计思想,无论是底层渲染机制与事件处理方式,还是组件化解耦思路,亦或是工程化整体方法等,与原生 Android / iOS 开发并没有本质区别,甚至还从 React Native 那里吸收了不少优秀的设计理念。就连 Flutter所采用的 Dart 语言,关于信息表达和处理的方式,也有诸多其他优秀编程语言的影子。

因此,从本质上看,Flutter 并没有开创新的概念。这也就意味着,如果我们在学习 Flutter时,能够深入进去搞懂它的原理、设计思路和通用理念,并与过往的开发经验相结合,建立起属于自己的知识体系抽象层次,而不是仅停留在应用层 API 的使用上,就摆脱了经验与平台的强绑定。

Flutter 到底该怎么学?

这份谷歌开源的《Flutter完整开发实战详解》,希望可以帮助大家用最短时间学习Flutter。教程通俗易懂,实例丰富,既有基础知识,也有进阶技能,能够帮助读门者快速入进阶,快收藏起来!!!

一、Dart语⾔和Flutter基础

在这里插入图片描述

⼆、 快速开发实战篇

1、基础控件
2、数据模块
3、其他功能

在这里插入图片描述

三、 打包与填坑篇

1、打包
2、细节
3、问题处理

在这里插入图片描述

四、 Redux、主题、国际化

1、Redux
2、主题
3、国际化

在这里插入图片描述

五、 深⼊探索

1、WidgetsFlutterBinding
2、InheritedWidget
3、内存
4、线程
5、热更新

在这里插入图片描述

六、 深⼊Widget原理

在这里插入图片描述

七、 深⼊布局原理

1、单⼦元素布局
2、多⼦元素布局
3、多⼦元素滑动布局

在这里插入图片描述

⼋、 实⽤技巧与填坑

在这里插入图片描述

九、 深⼊绘制原理

1、绘制过程
2、Slider 控件的绘制实现

在这里插入图片描述

⼗、 深⼊图⽚加载流程

1、图⽚流程
2、本地图⽚缓存
3、其他补充

在这里插入图片描述

⼗⼀、全⾯深⼊理解Stream

1、Stream 由浅⼊深
2、StreamBuilder
3、rxdart
在这里插入图片描述

⼗⼆、全⾯深⼊理解状态管理设计

1、scoped_model
2、BloC
3、flutter_redux
4、fish_redux

在这里插入图片描述

⼗三、全⾯深⼊触摸和滑动原理

在这里插入图片描述

⼗四、混合开发打包 Android 篇

1、前⾔
2、打包
3、插件
4、堆栈

在这里插入图片描述

Flutter ⾯试知识点集锦

Dart 部分
Flutter 部分

在这里插入图片描述

Flutter 开发实战与前景展望 - RTC Dev Meetup

1、移动开发的现状
2、Flutter 实战
3、混合开发
4、PlatformView

在这里插入图片描述

这份完整版的Flutter全套学习资料已经上传CSDN ,朋友们如果需要可以微信扫描下方CSDN官方认证二维码[保证100%免费获取]。

总结

不论是哪一代的开发技术,解决的问题无非就是那么几个:性能,开发效率,热更新。前两者flutter已经接近完美解决了,至于热更新相信随着后面不断的更新迭代,会有越来越优秀的解决方案。

可能很多人会认为flutter的最大弊端在于dart,但是对于一个跨平台的方案来说一种语言应该不至于阻碍它的发展,至少flutter选择dart这门语言肯定也是由它的优势所在,最看的见得优势就是JIT,即时编译极大的提高了开发效率。当然还有各种优势与弊端网上一搜一大把,这里就是仁者见仁智者见智了吧。

我想信flutter这种跨平台开发技术应该是就是未来,至于是不是flutter最终称王不得说,可能后面也会有更好的开发框架,但是这种自绘应该就是趋势。

以上是我实际开发经验的总结心得,也不一定是完全正确的,让我们拭目以待吧。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值