React Native 与 Flutter 的跨平台之战！

作者 | Paresh Sagarg

译者 | 苏本如，责编 | 唐小引

出品 | CSDN（ID：CSDNnews）

谷歌和 Facebook 当前正在进行的跨平台移动应用开发框架之战（Google Flutter vs. Facebook React Native）正在缩小混合应用和原生应用之间的差距。两者都在朝着改进游戏体验的方向前进，但是各自都有一些值得关注的关键区别。

如果你想为你需要完成的开发工作选择最佳框架，了解每个框架都能提供什么是首先要做的。

以下对 Google 和 Facebook 推出的下一代应用程序开发框架（Flutter 和 React），从 7 个方面作了一些基本比较。

工具和 IDE

能够选择在你喜欢的开发条件下工作是非常关键的，因为它鼓励你的用户在各种平台和设备上使用你开发的应用程序。这就是为什么必须使用一个这样的框架，在这个框架中，你可以使用各种工具和集成开发环境（IDE）来构建应用程序。如果在 Flutter 和 React 的设备选择和 IDE 灵活性方面作个比较，那么 React 会胜出。

React 的推出时间比 Flutter 入，因此它提供了各种各样的设备和 IDE, 供开发人员利用。开发人员可以选择测试和使用各种流行的 IDE，例如，Sublime Text 和 Atom 代码编辑器，这比 Flutter 能提供的选择要多得多。

开发时间

你用来构建一个应用程序所需的时间是非常重要的，特别是你的开发表非常紧张时。如果时间是成了一个重要的因素，决定最佳的开发框架是至关重要的。Flutter 以“快速开发”著称，因为它具有热重加载和基于设备定制的能力。

这些能力能够让你在几分钟的时间内为你的移动应用程序构建好原生接口。在任何情况下，Flutter 都会提供固有的可供使用的组件。这让你的开发工作更加快速。

文档

如果你没有足够的帮助或支持文档帮助你找到构建混合应用程序或原生应用程序所需的信息，那么你将面临开发障碍和高昂的学习曲线。在文档组织性和清晰度方面，Flutter 会胜出。

Flutter 文档的格式和样式都很清晰，所以阅读起来很轻松。另外，在使用 Flutter 内部提供的文档时，很容易找到所需要的信息。React 的文档则相当糟糕，这主要体现在文档的组织性相当差，并且过度依赖外部开发工具包。

客户使用

如果你想在应用程序开发中获利，你需要在客户使用的环境和框架中创建应用程序。在客户选择方面，React 和 Flutter 有着巨大的差异。

React 被开发人员更加普遍地使用, 因为更多的客户使用这个框架。React 框架自 2015 年起就已经推出，很多大型公司（如 Skype、Uber、沃尔玛、Pinterest 和 Tesla）都已经使用它构建了著名的应用程序。这样使得为各种各样的客户构建应用程序和提供支持变得更加容易。

开发语言

要使用一个开发框架来开发移动应用程序，您需要了解或熟悉编程语言。当你面临构建一个能够跨平台工作的移动应用程序的理想机会时，使用一种简单且在开发人员中普遍使用的语言是非常重要的。

React 和 Flutter 框架在这个关键的开发领域因其支持的语言不同而有所不同。Flutter 框架使用谷歌的 Dart 编程语言。而采用 React 框架，开发人员就可以使用著名的 JavaScript 编程语言来构建应用程序。

性能

如果应用程序的性能是一个很重要的因素，那么你可能需要考虑 Flutter 的能力。由于其每秒 60 帧（fps）的标准，Flutter 能够提供比 React 更高的应用程序性能。虽然 React 也提供了这种能力，但它的性能与 Flutter 相比可能会有所欠缺，因为它需要将界面与 Javascript 集成在一起。

用户界面

React 和 Flutter 的用户界面对比度非常大。无论你选择哪种框架，它们都可以提供你想要的任何效果。如果应用程序的用户界面需要很多定制特性，那么在这一点上，Flutter 提供了各种选择。Flutter 的用户界面是可调整的，这得益于它的可调整的小工具。它还提供了平滑，正常的外观和丰富的运动 API 和动画特性。

与 Flutter 相比，React 在动画实现方面提供了一致的体验。这是因为它为用户界面提供了广泛的外部开发工具包。你可以利用 React 提供的众多外部 UI 工具包中的一个来制作令人满意的 UI，例如，React Native Material 工具包。