因为手机APP的运行受不同操作系统的限度，目前大多数的挪动APP利用开发依然须要针对不同的零碎环境进行独自的开发。不过，为了升高开发成本、进步代码复用率，缩小开发者对多个平台差别适配的工作量始终是跨平台开发框架谋求的指标。

然而目前，很多开发者还不不确定应该抉择哪种技术来疾速且低成本的开发应用程序，不过如果你熟知跨平台的倒退历史，那么2021年可供大家抉择的跨平台计划主选项只有两个：Flutter或者React Native。

在正式进行比照之前，首先须要明确一点，即Flutter和React Native这两个框架都是构建跨平台挪动应用程序的优质框架，但有时做出正确的决定取决于业务应用的角度。因而，咱们选取了九个重要的参数，用于两者的比拟：

  • 由谁提供技术支持？
  • 框架的市场份额占比。
  • Dart Vs JavaScript
  • 技术架构
  • 性能
  • 是否对开发者敌对，便利性和社区反对
  • UI组件和定制
  • 代码的可维护性
  • 开发者的工作老本

技术支持：谷歌 VS Facebook

Flutter与React Native两大框架背地都站着科技巨头，别离是谷歌和Facebook，所以从这个角度来看两者将来会在竞争中变得更加欠缺，毕竟他们背地都本人的利益链。

首先，咱们来看一下Flutter，Flutter是2017年由谷歌正式推出，是一个先进的应用程序软件开发工具包（SDK），包含所有的小部件和工具，实践上能够让开发者的开发过程更容易和更简略。宽泛的小工具抉择使开发人员可能以一种简略的形式建设和部署视觉上有吸引力的、原生编译的应用程序，用于多个平台，包含挪动、网络和桌面，都应用繁多的代码库。因而，Flutter利用程序开发公司有更好的机会，能够确保你更快、更快、更牢靠的利用程序开发解决方案。

事实上，Flutter早再2015年Dart开发者峰会上便以“Sky”的身份亮相，Flutter具备几大买点：首先它是收费的，而且是开源的；其次，该架构基于风行的反应式编程，因为它遵循与Reactive雷同的格调；最初，归功于小部件体验，Flutter应用程序有一个令人欢快的UI，整体来说转化为应用程序看起来和感觉都不错。

咱们再来看一下React Native，React Native也是Facebook在2015年推出的一个跨平台原生挪动利用开发框架。React Native次要应用的是JavaScript开发语言，对于应用同一代码库为iOS和Android开发应用程序来说十分不便。此外，它的代码共享性能能够更快的开发和缩小开发工夫。像其余跨平台技术一样，Flutter容许开发者应用雷同的代码库来构建独立的应用程序，因而，相比原生应用程序更容易保护。

当然，Flutter和React Native都反对热重载性能，容许开发者间接在运行中的应用程序中增加或纠正代码，而不用保留应用程序，从而减速了开发过程。除此之外，React Native是基于一种十分风行的语言--JavaScript，开发者更易上手；React组件包裹着现有的本地代码，并通过React的申明性UI范式和JavaScript与本地API进行交互，React Native的这些特点使开发人员的工作速度大大放慢。

市场份额：五五开的格局正在扭转

整体上来说，这两者的市场份额是非常相近的，但Flutter在最近有青出于蓝之势。2019年和2020年寰球软件开发公司应用的最佳跨平台挪动利用开发框架时，其后果是42%的开发者更违心留在React Native，而39%的开发者抉择了Flutter。依据StackOverFlow的数据，68.8%的开发者喜爱应用Flutter进行进一步的开发我的项目，而57.9%的开发者对应用React Native技术进行利用开发进一步体现出趣味。

不同的市场报告有不同的统计数字，Flutter、React Native到底孰强孰弱或者只能从一些市场趋势中窥见一二：

  • 市场趋势一：谷歌Google Trends的统计数字显示，在过来12个月的剖析中，Flutter的搜寻指数已反超React Native。
  • 市场趋势二：更年老的Flutter在Github上领有16.8万名成员和11.8万颗星的社区，而更成熟的React Native在Github仅有20.7万名成员和9.46万颗星。

  • 趋势三：依据Statista的数据，React Native以42%的市场份额力压Flutter，但Flutter与React Native的差距正变得越来越小，其在一年内市场份额从30%急剧跃升至39%。

语言比照：Dart Vs JavaScript

Flutter所采纳的Dart开发语言是谷歌2011年在丹麦奥尔胡斯举办的GOTO大会上亮相的，Dart是一门面向对象的、类定义的、单继承的语言，它的语法相似C语言，能够转译为JavaScript，反对接口(interfaces)、混入(mixins)、抽象类(abstract classes)、具体化泛型(reified generics)、可选类型(optional typing)和sound type system，并且具备AOT与JIT编译器，Dart的最大劣势在于速度，运行比JavaScript快2倍，不过Dart作为一门较新的语言，开发者还须要相熟Java或C++的利用程序开发工作才更易上手。

而React Native则采纳的为曾经在IT行业广泛应用多年的Javascript语言，相似于HTML的JSX，以及CSS来开发挪动利用，因而相熟Web前端开发的技术人员只需很少的学习就能够进入挪动利用开发畛域，不过JavaScript线程须要工夫来初始化，所以导致React Native在最后渲染之前须要破费大量工夫来初始化运行，不过React Native曾经公布了降级线路，并且会在最近开源降级的版本，置信随着React Native新版本的公布，性能上将会追平Flutter。

技术架构

如果单从技术上讲，Flutter相对是一个先进的跨平台技术计划，它提供了一个分层的架构，以确保高度的定制化，而React Native依赖于其他软件来构建反馈组件，并应用JavaScriptBridge来桥接原生本地模块的连贯。桥接会影响性能，即便产生轻微的变动，而Flutter能够在没有桥接的状况下治理所有。

Flutter提供的分层的架构，为简略疾速的UI定制铺平了路线。它被认为能够让你齐全管制屏幕上的每一个像素，并容许挪动利用开发公司整合叠加和动画图形、文本、视频和控件，没有任何限度。

Flutter挪动平台与其余Web平台的架构略有差别，不同平台雷同的公共局部就是Dart局部，即Dart Framework。Flutter的公共局部次要实现了两个逻辑：第一，开发人员能够通过Flutter Ui零碎编写UI，第二应用Dart虚拟机及Dart语言能够编写跟平台资源无关的逻辑。同时这也是Flutter跨平台的外围，和Java程序能够在Linux,Window，MacOs同时运行， Web程序能够在任意平台运行相似。通过Dart虚拟机，UI及和零碎无光的逻辑都能够用Dart语言编写，运行在Dart虚拟机中，是跨平台的。

而React Native依赖于其他软件来构建反馈组件，其架构整体上分为三大块：Native、JavaScript 与 Bridge，其中Native 治理UI 更新及交互，JavaScript 调用 Native 能力实现业务性能，Bridge 在二者之间传递音讯。React Native 中次要有 3 个线程，利用中的主线程UI Thread、进行布局计算和结构 UI 界面的线程Shadow Thread与React 等 JavaScript 代码都在这个线程执行工作的JS Thread。

正因其依赖于其他软件来构建反馈组件，因而在启动上会受到以下，必须先初始化 React Native 运行时环境（即Bridge），Bridge 筹备好之后开始 run JS，最初开始 Native 渲染。从架构上来看，Flutter的确性能更高，也更合乎当下跨平台开发的需要。

学习老本和社区反对

当波及到构建企业应用程序时，社区反对是必须查看的因素。而React Native和Flutter都在行业中倒退了多年，并且在谷歌与Facebook两大巨头的反对下都有最新的技术更新与宽泛的社区反对。而随着每一个递增的版本和技术更新，社区对该框架的趣味和需要逐步减少。让咱们理解一下这两个框架在社区参加方面的状况。

React Native在2015年推出，其社区始终处于成长阶段，Github上对该框架的贡献者数量就是证实。然而，只管Flutter还很年老，也比拟新，但它正在已开始显示青出于蓝之势。

代码的可维护性

无论你开发的应用程序如许杰出，为了使其顺利运行，一直地降级和调试是必要的。与Flutter相比，用React Native保护代码真的很艰难。

在React Native中，当你为了开发适配不同零碎的应用程序时就须要离开编写适配代码，它会烦扰框架的逻辑，从而减慢了开发过程。另外，在React Native应用程序中，大多数本地组件都有一个第三方库的依赖性，所以保护这些过期的库的确是一个具备挑战性的工作。

对于Flutter来说，因为代码逻辑绝对简略，不须要适配不同的操作系统，保护代码就要容易得多，容许挪动应用程序开发人员轻松发现问题，为内部工具和反对第三方库提供数据撑持。

此外，与应用React Native的热从新加载性能相比，在Flutter中公布品质更新和对应用程序进行即时更改所破费的工夫也比React Native体现更好。

开发成本

无论是一个初创公司还是一个先进的互联网企业，开发成本总是大家比较关心的内容。因而，当你抉择雇用反馈原生开发公司或Flutter应用程序工程师时，你可能须要评估他们的费率，不同的中央有不同的开发成本。

因而，在正式启动我的项目之前，无论是Flutter还是React Native，都须要思考开发人员的素质，如教训、专业知识、我的项目解决等开发成本问题，以评估开发人员的理论小时费用，上面是Flutter和React Native的一个开发成本的问题。


除此之外，在抉择Flutter还是React Native的问题上，咱们还须要思考他们的自定义开发能力。
Flutter和React Native都有一套属于本人的UI组件和小工具。并且，Flutter就以其丑陋的UI原生型小部件而闻名，这些小部件由框架的图形引擎进行渲染和治理。

而React Native只提供了适应平台的根本工具，如按钮、滑块、加载指示灯等根底组件，如果须要开发简单的性能，就须要应用第三方组组件。