我们身处科技高速发展的时代；互联网日新月异，移动应用程序开发产业也在大踏步前进。多年来，移动应用的市场需求呈爆发式增长；众多企业都在开发自己的移动应用程序，或者用于促销自己的产品，或者用来向客户提供更好的服务。

众所周知，主导全球市场的两大移动平台分别是iOS和Android。当一家企业决定开发自己的移动应用时，他们需要分别为iOS和Android平台部署功能相同的应用程序。为此，开发人员需要学习两个平台的不同语言和开发流程，从而在两大平台上构建表现基本一致的应用版本。为了解决这个问题，跨平台框架应运而生，帮助开发者构建可同时适用于iOS和Android平台的移动应用。如今最流行的两大跨平台应用开发框架就是React Native和Flutter。

跨平台框架发展历史

谷歌和Facebook的竞争关系始于Web产业。谷歌的AngularJS是Web应用开发市场中最流行的Javascript框架之一。与此同时，由Facebook构建的React则是在Web应用程序开发流程中广泛应用的JavaScript库。一般认为Angular JS和React JS是Web社区中的一对热门竞争对手。不久前，随着市场对跨平台移动应用程序的需求开始增加，Facebook推出了用于构建跨平台移动应用程序的React Native平台。不久谷歌也推出了Flutter予以正面回应。

React Native：2015年3月Facebook正式发布了React Native。

Flutter：谷歌于2019年5月正式推出Flutter。

Flutter进入这一领域的时间较晚。在Flutter崛起之前，React Native已经在移动应用程序开发社区中名声大噪。

架构

选择任何开发框架时必须要考虑不同框架的基础架构，React Native和Flutter在这方面有很大区别。

React Native：它基于Facebook自己使用的Flux架构。它的设计理念是一种称为Javascript桥的JS运行时环境。这种桥是用来同原生线程通信的。RN的代码用Javascript编写，然后在运行时编译为原生代码。

Flutter：Flutter使用Dart框架，后者又使用Skia C++引擎。相比React Native的Flux架构，Dart框架不需要任何桥接工具来通信，因为它已经内置了所需的大部分组件。它的体积相对更大一些。Skia C++引擎提供了所需的各种协议、通道和组合。

与Flutter相比React Native的架构性能较差，因为后者使用了Javascript桥。Flutter的架构五脏俱全，功能完善。

编程语言

对于开发人员来说，开发任何应用程序都首先要考虑所使用的编程语言。市面上存在许多编程语言，大多数开发人员也掌握多种编程语言的技能。下面来对比一下React Native和Flutter中使用的语言。

React Native：React Native中使用的编程语言是Javascript。Javascript是世界上最流行的语言之一，也是万维网（WWW）的三大核心技术之一。

Flutter：相比之下，Flutter使用的Dart语言既不受欢迎也没那么流行。Dart语言诞生于2011年，由谷歌推出。Dart非常简单易学，因为它支持大多数面向对象的理念。

稍微懂一些Web开发的人就会了解Javascript。它是最流行的语言之一。大多数Web框架，如Angular、React、Vue等也都是用Javascript构建的。但Flutter使用的Dart语言还很年轻。它在编程社区中鲜为人知。

安装

选择好框架之后，开始工作的第一步就是安装框架。通常来说这是一个令人头痛的问题，对新手而言尤其如此。React Native和Flutter的安装流程也是不一样的。

React Native：开发人员需要使用Node包管理器（亦即NPM）在Windows或Linux中安装React Native。熟悉JavaScript的开发人员自然也会熟悉NPM，毕竟这是天天都会用到的工具。NPM支持本地或全局安装，具体取决于用户的选择。对于macOS来说，除了NPM还需要Homebrew包管理器。

Flutter：安装Flutter不需要任何软件包管理器。它可以直接从GitHub下载到指定的平台上。在macOS系统中我们需要设置路径。

使用NPM非常简单。即使对不用JavaScript后台开发人员来说，NPM学起来也很容易，只需在命令行中输入几条命令即可。而且NPM在Web开发领域应用广泛，所以学会它是很有意义的。相比之下，Flutter需要先从GitHub下载然后才能安装，有几个安装步骤可能会很麻烦。Flutter还需要某种包管理器才能获得较好的安装流程。

用户界面组件和API

跨平台应用开发框架的重点在于平台对原生组件的支持水平。原生组件是原生应用程序的关键所在。另一大重要因素是API，合格的框架应该提供良好的API用来访问原生模块。

React Native：与React一样，React Native也提供UI渲染和设备API。它严重依赖第三方模块来支持原生组件。React Native的UI渲染功能的确非常出色，但它在很大程度上依赖于第三方库。

Flutter：另一方面，Flutter拥有丰富的组件可选，如UI渲染组件、测试、设备API访问、导航、有状态管理等许多库。它几乎不需要任何第三方库。此外，Flutter还带有用于Material Design的小部件。Flutter还提供了一个名为Cupertino的IOS风格小部件，用于创建渲染水平更高的应用程序。

React Native在很大程度上依赖于第三方库提供丰富的组件和API访问，这一点有利有弊。开发人员可以自由选择所需的第三方库，但这种选择可能也会成为一种负担。而Flutter附带了创建跨平台移动应用程序所需的所有组件类型，开发人员使用Flutter时无需寻求任何第三方库。

社区支持

任何技术的发展过程中社区都起着至关重要的作用。如今，开发人员自发形成社区并分享他们正在研究的技术的相关知识。在社区中分享开发经验和解决问题的技巧是很有意义的。

React Native：自2015年正式发布以来，React Native蓬勃发展，广受欢迎。GitHub上的React Native社区非常庞大，每年都会举办很多线上/线下论坛和研讨会。

Flutter：Flutter最早于2017年推出，相比之下还很年轻。它的社区规模还不是很大，但它正在快速增长。谷歌每年都花很大力气推广这个平台，也举办很多论坛和研讨会。

React Native非常流行，应用广泛，已经拥有了一个成熟的社区。而Flutter还很年轻，没那么受欢迎。但Flutter的社区正在快速成长，谷歌在全力推广它。

测试

测试是所有开发流程的重要组成部分。任何严肃的技术都带有测试支持。在跨平台移动应用程序开发领域，单元测试、集成测试和UI级别的测试等都非常重要。

React Native：React Native没有很多测试选项。它的确支持初级单元测试，但是当涉及集成和UI级别测试时，React Native还是需要依赖第三方库。Appium和Detox是React Native应用程序常用的两种测试工具。

Flutter：Flutter为单元和集成测试提供了丰富的工具。它还提供了用于测试应用程序的小部件和UI的工具。此外，Flutter针对应用测试等文档支持也很完善。

React Native依旧要依赖第三方库来做测试，而Flutter则提供了许多优秀的测试工具。在测试Flutter应用程序时，开发人员不需要寻求第三方库的支持。

CI/CD支持

不管是什么类型的应用程序，无论是Web平台也好还是移动平台也罢，都必须具备持续集成和持续交付的能力。CI/CD可以用来持续接收反馈并尽量避免错误。但如果没有完善的文档和资源支持，持续集成和持续交付用起来会非常麻烦。

React Native：React Native的文档一直都不怎么样，而且在持续集成和持续交付方面根本就没有官方文档。对于开发人员来说，没有合适的文档就很难使用CI/CD了。还好互联网上总有一些资源可供选择。

Flutter：如前所述，Flutter提供的文档大都很出色。Flutter的文档专门有一部分具体介绍持续集成和持续交付的设置。

设置CI/CD很依赖文档和资源支持。React Native没有提供任何官方文档，而Flutter为CI/CD单独提供了详细指南，不仅对新手很友好，对有经验的开发者来说也很方便。

流行程度

一项技术受欢迎的程度是影响开发者选择的一个主要因素。毫无疑问，React Native和Flutter都是最受欢迎的跨平台移动应用程序开发框架，但是哪个更受欢迎呢？

React Native：React Native在GitHub上拿到了超过八万颗星。Github上的问题还不到六百个。2019年的今天，React Native是非常受欢迎的技术，相比几年前影响力增强了很多。

Flutter：Flutter比React Native年轻很多，但它也在GitHub上拿到了超过七万两千颗星，只比React Native少八千。显然Flutter的影响力增长非常迅速，但它在GitHub上的问题有超过五千个，比React Native多很多。

React Native在跨平台移动开发社区非常受欢迎，而Flutter的影响力也在不断增长。但Flutter毕竟更年轻，使用的还是没那么流行的编程语言，所以处境有点差。

结论

在跨平台移动应用程序开发领域，React Native和Flutter都是最好的选择之一。两者都有自己的优点和缺点。React Native使用了Javascript并且与React JS有许多相似之处，所以有许多开发人员选择了它而非Flutter。Flutter很年轻，使用的是较新的编程语言。但是Flutter带有许多React Native缺少的内置功能。React Native很大程度上依赖于第三方库，这一点有利有弊。它把选择权都交给了开发人员。

毫无疑问，这两种技术在未来都会是热门选择。

在此处查看React Native文档。

在此处查看Flutter文档。

英文原文：https://kriss.io/react-native-vs-flutter-2019-comparison/

创作场景

360 度全方位观测：React Native 与 Flutter 的跨平台王位之争