宁夏建设造价网站,两个wordpress使用同一个数据库,聊城建设路小学网站,东莞建设信息网嗯。。。这个问题十分不好回答啊(捋下鱼须)。闲鱼作为flutter领域的先驱者#xff0c;以及fish_redux、flutter_boost等当红flutter库的作者#xff0c;当然是欢迎广大的开发者多多使用flutter相关技术栈 逃~:)。咳咳#xff0c;不过呢#xff0c;我们还是正经得聊一下Reac…嗯。。。这个问题十分不好回答啊(捋下鱼须)。闲鱼作为flutter领域的先驱者以及fish_redux、flutter_boost等当红flutter库的作者当然是欢迎广大的开发者多多使用flutter相关技术栈 逃~:)。咳咳不过呢我们还是正经得聊一下React Native(下面简称RN)和flutter之前的异同
0x00 简单介绍一下
React Native
React Native是Facebook开源的一款基于react思想、使用JS、能够给移动平台带来native般体验的框架官网最新的版本是0.5.9。
flutter
flutter来自Google上层使用dart语言构建跨平台应用通过平台相关的embedded层接入到使用c编写的engine层再通过skia库直接与GPU进行交互。通过对dart代码的AOT编译拥有优异的计算(CPU)、渲染(GPU)性能。官网最新的版本为1.2。
0x01 跨平台性
开发者们使用跨平台技术栈首要的目的是为了能够省事儿所以跨平台能力是首先要被衡量的指标。
Build native mobile apps using JavaScript and React
这意味着开发者可以复用庞大的JavaScript生态和优雅的react思想来书写RN的代码给开发提供很多的便利性。
从实现原理上来说RN进行完排版之后会把最终的渲染交给native view这种方式带来的是如native般的UI性能但同时也给给平台一致性带来了一些问题。除开渲染层的不一致在iOS和Android没有使用同一个JavaScript虚拟机也会带来一些暗坑。
手势的处理上两个平台不好统一RN官方也没有提供一个抹平差异的库虽然开源社区有react-native-gesture-handler。
Beautiful native apps in record time
flutter官方的口气很大说自己是”空前“的。是不是”空前“我们得来评估一下。
编程语言层面flutter使用dart语言构建应用这门语言对大多数人来说应该是比较陌生好在dart的语法并不复杂与Java等强类型oop语言非常相似还加入了函数式的特性使用起来还是挺方便的。
flutter提供类似React思想的响应性UI编程模型让UI开发变得更加fancy。
原理上来说flutter在各个平台上使用统一的vm(dart vm)自带GDI(skia)。skia是一个已经发展多年成熟度相当高的2D图形库也是Android系统和Chrome一直在使用的图形库。
flutter从逻辑计算到渲染绘图都是自己的使得它在跨平台一致性上有良好的表现。dart提供的AOT特性也可以保证应用在线上有一个好的性能表现。
多平台支持
RN目前支持iOS和Android两个平台另外有个非官方的ReactNativeX的项目旨在让RN运行到其他平台。
flutter早期支持iOS和Androiddesktop的支持目前尚不完善。近期flutter团队发布了Hummingbird旨在让flutter编写的应用可以运行在浏览器端。
从多平台支持的角度看两边差距不大。相比RNflutter在desktop的支持上有些优势但目前都是不怎么可用状态。
0x02 开发便利性
工具链
RN在打包发布方面有被前端广泛使用的webpack支持官方自己提供了基于浏览器的debug工具与前端同学管用的调试方式并无二致。
flutter基于iOS和Android已有的打包工具添加了flutter产物打包功能同样debug工具也由官方自己提供除了刚发布的基于浏览器的调试工具外flutter团队提供的调试工具可以直接在Android Studio或者VScode这类IDE上直接使用。
调试便利性
JS的调试方式已经很成熟了这里不多做展开。 flutter在debug阶段可以使用集成于IDE插件中的hot reload功能做到亚秒级的新代码加载速度十分适合与设计师坐在一起结(ya)对(li)编(tiao)程(shi) 。
第三方库
在RN上你可以使用JS的大部分库平台相关的plugin也相对丰富。
flutter在这方面稍显欠缺库的数量上无法与JS生态相比较。flutter/plugins项目提供了大量的平台相关插件供开发者使用倒也是满足了日常开发的需求另外dart pubs上的公开库数量也日趋上升。
在混合开发和大型app业务框架上闲鱼技术开源的flutter_boost提供了与native混合开发的可能而fish_redux使得大型app中的复杂页面的开发在flutter中变得更加容易。
0x03 未来的发展
开发者选择一个技术都是压了”身家性命“在上面谁也不想刚入门就发现这门技术即将被淘汰。
RN是个很好的项目在发布之初给移动开发带来了一阵旋风。但不得不说Airbnb宣布放弃使用RN技术栈对于整个社区有不小的打击而文章中对原因的阐述也相当有说服力。
flutter在1.0发布之后趋于成熟被钦定为Google Fuchsia系统的应用层框架。从团队2019 roadmap中可以看到flutter当前重点在于完善一些现有功能上的细节与bugfix另外对于广受期待的动态化特性flutter团队也在开发code push功能。从flutter团队目前的方向和笔者在闲鱼开发中实际使用的flutter的感受来看整体上flutter在框架层面目前已经基本上稳定。
从桌面端跨平台框架发展的历程来看Java GUI从最初使用peer(对等设计模式)的AWT到基于Java图形绘制接口性能巨慢无比的Swing再到公认性能最好目前应用最广泛的基于目标平台绘制接口的SWT我们可以从中窥见一些历史规律。
peer(对等设计模式)即AWT中的一个控件对应目标平台(如Windows)上的一个控件(是不是看起来跟RN有一些相似)最终AWT被放弃是因为peer模式传输层级过多造成效率低下GUI部分为了保证可移植性只能保留各个平台公共的接口。
SWT与QT(另一个被广泛使用的桌面端跨平台GUI框架)牺牲了一部分可移植性(主要是因为直接调用了目标平台的图形绘制接口)带来了GUI的高性能。flutter也采用了类似技术栈skia来抹平各个平台的绘制接口差异并向上提供统一的图形接口。
从这个角度来说无疑flutter可能会是一个更有未来的跨平台框架。
0x04 写在最后
当然Facebook官方对于RN正在进行重构包括把大部分逻辑移动到c层来减少线程切换的开销提升性能等。
选择一个框架需要考虑的实际情况比框架的优劣比较更加重要比如你的项目大小、开发人员构成等 RN和flutter作为目前移动平台上炙手可热的框架两者并不是孰优孰劣的对立关系。
纸上得来终觉浅如果你是个对新技术感兴趣抑或是希望在移动平台上有所突破的开发者何不尝试一下Google最新的成果咧
原文链接 本文为云栖社区原创内容未经允许不得转载。
