一、采用语言
Flutter开发语言是Dart,RN开发语言是React

React是JS语法,前端工程师上手快一些。通过css控制UI样式,可读性较高。

Dart是谷歌新推出的语言,风格跟Java kotlin JS有些相似的地方,是通过AOT编译的,可以快速编译成原生代码,直接跟系统进行通信。UI各种嵌套,可读性较差。

二.实现原理:
RN:利用JS来做桥接,将JS调用转为本地代码调用,底层代码会调用不同平台原生代码,会存在一套代码在不同平台展示出不同的样式问题,差异比较大。一些API、属性只支持某个特定的平台,经常在代码判断平台使用不用的API、属性等,兼容性比较差。
Flutter:自己实现了一套UI框架,是底层自己实现图形设备接口,直接在渲染系统上画UI,兼容性高,一个页面是一个整体,效率也高。

三.代码调试
RN:因为RN代码是JS语言,所以需要在浏览器中调试

Flutter:可以在编辑器中直接下断点调试,相对于RN,Flutter这种调试方式比较方便,更符合原生调试习惯。

四:集成难易程度及APK大小变化:
RN:在之前项目做过接入工作,通过桥接方式,步骤比较麻烦

Flutter:集成到项目中比较简单,可以将Flutter代码编译成一个Module直接引入到已有的原生项目中,包括后面原生和Flutter交互可以自己写插件。可以参照我写的接入文档:https://blog.csdn.net/qq_26936889/article/details/90768742

Flutter:新创建一个项目,之后通过以上方式集成Flutter,得出以下结果:打包前:2MB 打包后:6.5MB,但是IOS项目体积会比较大,因为需要额外集成绘图引擎(Skia)

RN:根据之前项目集成RN经验,原生集成APK大小会增大10-20M,因为RN so库体积太大,之后通过拷贝RN源码,去掉没有用到的so库解决此问题,但是也会是APK变大。IOS在这方面比较好,不会存在此问题。

五:性能
据网上评测,Flutter在高低端机的CPU上的表现都优于RN,尤其在低端的手机优势更明显

六:第三方库
因为RN出来时间比较早,有些库还可以跟Web共用,所以在这方面RN要优于Flutter,在项目中使用会出现重复造轮子情况

七:热更新
RN 支持,Flutter暂时不支持。

总结:
基于以上一些原因和实际代码编写体验,我认为Flutter比RN更优秀且更有前景。但是无论使用哪种跨平台语言都需要冒一定的风险,遇到问题不一定能够 hold 住,短时间内也不一定能带来多少效率上的提升,还要对支持体系进行改造,成本比较大。

Logo

智屏生态联盟致力于大屏生态发展,利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐