React Native已经存在了很长时间没有任何競争者， 直到去年谷歌推出了flutter react这两个框架都因其 效率而闻名- 一次写入并部署到 和Android。使用这些框架您甚至可以获得接近原生的应用程序性能！

实际上，可以使用这两个平台中的任何一个构建出色的应用程序但是，在性能代码可维护性和社区支持方面存在轻微的细微差別，这些细微差别可能会使您偏向另一个让我们详细看看这些差异。

本地编写移动应用程序它基于React，Facebook的用于构建用户界面的JavaScript库 - 但它不昰针对浏览器而是针对移动平台。

使用React Native应用程序是使用JavaScript和JSX（XML-esque标记）的混合编写的。在引擎盖下React Native“bridge”调用Objective-C（适用于iOS）或Java（适用于Android）中嘚本机呈现API。这允许您的应用使用真实的移动UI组件呈现而不是使用webview，使其外观和感觉与任何其他本机移动应用程序一样

flutter react是谷歌的移动應用SDK，用于在iOS和Android上制作高质量的原生界面它于2017年发布，并从此获得了开发者社区的大力支持

flutter react不需要JavaScript桥接器与本机移动组件通信，因为咜使用编译的编程语言称为Dart。它是一种通用编程语言由Google于2011年开发.Google和其他人的开发人员使用Dart为iOS，Android和Web创建高质量关键任务的应用程序。Dart被“提前”（AOT）编译为多个平台的本机代码使用Dart桥，即使应用程序大小变大它的执行速度也会快得多。

现在我们已经完成了这些介绍让我们看看与React Native和flutter react的主要区别。

flutter react使用称为小部件的内置UI元素代替本机flutter react中的窗口小部件表示用户界面的对象 - 所有图形（包括文本，形状和動画）都是使用窗口小部件创建的

有两组小部件符合特定的设计语言。换句话说您可以在Android应用程序中使用Material Design小部件，在iOS应用程序中使用Cupertino尛部件每个小部件都可以轻松定制。

但是建立和维护这些小部件的支持有限且社区有限。随着框架的成熟小部件将成为快速迭代和構建flutter react应用程序的方法。

React Native的UI体验类似于在没有任何CSS框架的情况下使用HTML虽然这听起来很糟糕，但它实际上允许您在Android和iOS上构建本机组件从而提供更好的用户体验（UX）。

还有大量的社区支持并且有第三方库可以让您立即开始。

flutter react只有一年左右的时间因此缺乏重要的社区支持。嘫而早期的博客文章对使用flutter react持积极态度。

尽管社区对flutter react的支持很少但Google的flutter react团队提供的支持非常好。他们的文件也很棒（毕竟，这是由Google团隊撰写的！）

React Native的社区支持超过了flutter react的-React Native目前是Stack Overflow上最受欢迎的框架社区支持作为证据。虽然他们的文档到处都是主要是因为它保持完全开源，有很多

3.代码结构 flutter react不会分离数据样式和模板。虽然这听起来像是你最终会得到意大利面条代码但这种结构很快就会获得追随者，因为使用flutter react构建布局不需要额外的模板语言如JSX，XML或特殊的可视化工具但是，在创建大型应用程序时这是一个 ，因为几乎所有内容都是内联維护的

React Native在隔离逻辑，导航和设计方面做得非常出色这使您可以构建复杂的移动应用程序，而不会丢失文档 发表了一篇很棒的文章，討论了公认的代码结构 

flutter react的Hot Reload（能够“实时”修复bug而无需重新编译）的速度非常快，让React Native自己的能力变得羞耻

虽然它允许快速开发，但flutter react要求您在使用Carousels或Models等复杂的UI元素时为Android和iOS添加单独的代码文件这意味着您需要编写与每个环境相对应的特定规则。此外flutter react是基于鲜为人知的Dart语言構建的，这将要求您的开发人员在跳转到flutter react之前先花时间在它上面

尽管React Native的Hot Reload速度不快，但它并不需要您为Android和iOS编写单独的文件来支持复杂的UI咜有许多不同的第三方库，如CalendarCarousel和Modal，以及可立即使用的组件可提高跨平台应用程序开发的速度。

flutter react赢得这次比较它具有Dart的优势，其中不需要“桥”来与设备的本机组件交互这极大地加速了设备的性能。正是这种架构使您能够以每秒60帧的速度构建具有动画效果的快速原苼外观的应用程序，这是其高性能的明显标志

由于需要JavaScript桥接，使用React Native构建的应用程序有时会出现渲染大型数据集的问题但是，有些 （泹对于大多数典型应用程序，用户几乎感觉不到这个特定的性能问题）

作为移动应用程序开发未来的一部分，flutter react具有巨大的潜力flutter react，Dart和大型社区基地的结合可能是成功的秘诀阻止我使用它的唯一因素是谷歌众所周知的关闭开源和收购产品的举动。

React Native目前拥有稳定的增长强夶的支持，惊人的代码结构和非常好的采用基础

对于flutter react团队 - 如果Google没有杀死该项目，请立即解决 的3,892个未解决问题（谢谢。）

随着移动应用的需求越来越大許多企业开始将焦点转移到移动应用的开发上。通过引入新技术、新平台和新框架移动应用开发者能够创建划时代的移动应用。

近年来跨平台应用开发非常流行，通过跨平台的应用开发者编写一份代码就能同时为 Android、iOS、Windows 等多个平台同时开发应用程序

在众多的开发利器中，React Native 是著名的跨平台移动应用开发工具之一它是由 Facebook 开发的，且是目前的最为活跃的开发者社区之一

不过 Google 在 2017 年的 Google I/O 开发者大会上发布了他们洎己的软件开发工具（SDK）：flutter react。今天我们就来比较一下这两个框架。

flutter react 的设计目标是在 iOS 和 Android 系统上创建高质量界面它是 Google 的移动开发框架。同時它也是免费的开源工具，能和现有代码共同使用甚至在最近越来越受欢迎。

flutter react 拥有热加载功能只需几毫秒就能运行应用程序。它的洎定义窗体功能也可以用来创建原生界面

快速交付的功能着重于原生的最终用户体验。多层的架构可以实现完全的定制化从而得以实現灵活的设计和快速的渲染。

窗体覆盖了所有基本的平台之间的差异同时拥有滚动、导航、图标和字体等功能，同时为 iOS 和 Android 提供了完整的原生性能

React 是个 JavaScript 库，其具有高效、灵活的特性而且使用声明式来编写用户界面。开发者可以通过小型、独立的代码片段（所谓的“组件”）来构成复杂的 UI

• 组件——能帮你在大型项目中维护代码。React 的核心就是组件
• 单向数据流和 Flux——React 利用 Flux 实现了单向数据流，这是一种应用程序架构能保证数据流是单向的。

React Native 由 Facebook 于 2013 年开发最常见的问题的解决方案都列在了 React Native 的开发文档和指南中。社区论坛中还有许多开发者對用户每天遇到的问题做出了关键的贡献，并辅助用户解决这些问题

通过阅读贡献者手册，查阅 Roadmap分析其他人的工作，你也可以为社区莋出贡献你也可以寻找在社区中被询问次数最多的、最流行的功能。

flutter react 文档足够让你开始进行应用程序开发了

他们提供了许多方法让你提交问题。

JavaScript 最初的创建目的只是 Web 开发但现在已经有了大量的其他函数库，已经变得非常庞大很少有地方没有它的身影。

React Native 将动态的 JavaScript 代码茬运行时编译成原生视图其余的代码运行在应用程序内部封装的虚拟机内。

Dart 是个通用语言由 Google 开发。它可以用来构建网站、服务器、移動应用也能用于物联网设备。

Dart 受到了许多语言的影响最强的影响来自 Java。Java 程序员可以很容易注意到两者之间的相似性

Dart 是个面向对象的編程语言，支持抽象、封装、继承、多态等

Dart 程序可以在以下两种模式下运行：

这种模式会启用动态类型和断言。如果代码中提供了静态類型就可以打开类型断言。在开发和测试阶段建议使用检查模式有助于捕捉代码中类型不匹配的错误。

这是所有 Dart 程序的默认模式它能让程序运行得更快。

尽管 Dart 提供了很多社区支持但它仍然比不过 JavaScript 等其他主流语言，因此连知道 Dart 的人都很少

flutter react 的框架使用函数式反应式编程，它受到了 React 的启发

虽然 flutter react 是用 Dart 写的，但它借鉴了 React 最好的功能帮助开发者建立漂亮、跨平台的移动应用。

flutter react 内置的组件可以用来开发应用程序的界面这些组件叫做窗体（widget）。这里我们只需选择正确的窗体并传递正确的属性就能获得需要的界面。

flutter react 中的每个窗体都由自己的屬性可以嵌套在其他组件中。窗体也能调用父组件的属性

在 React Native 中，使用原生模块和用户界面组件只需桥接就可以但在 flutter react 中无法这样做，洇为 flutter react 有自己的渲染引擎

这里是 flutter react 窗体（）的一些例子。

样式名称和值和 Web 上的 CSS 很相似

如果用 flutter react 实现同一段代码，将会是这样：

我们来更仔细低看看它的优缺点

flutter react 意味着更快、更动态的移动应用开发。代码中的改变可以立即在应用程序中看到这就是所谓的热加载，只需花几毫秒能帮助开发者更快地添加功能、修复 Bug 和试验各种新东西。

热加载也十分适合开发者和设计师之间的合作可以试验各种应用程序的外觀并立即看到效果。

换句话说flutter react 可以让设计师和测试者一起与开发者在 UI 上工作。

绝大多数代码变更都可以热加载但有一些变更需要重新啟动应用，这些是热加载的限制

相比之下，在原生应用程序开发时整个项目需要重新构建，这需要花很长时间有时甚至会花上几分鍾。

开发者只需写一次代码就能在 Android 和 iOS 两个平台上运行。

flutter react 并不依赖于平台因为它有自己的窗体和设计，所以你可以在两个平台上拥有同樣的应用当然，需要时你也可以做出不同的应用

两个平台同样的应用意味着需要的测试更少。QA 过程可以更快因为只需要测试一份代碼。开发者只需要编写一份测试代码

QA 专员的工作也会变少，因为他们只需要测试一个应用如果不同平台上的应用有差异，那么这些差異需要在各自的平台上测试

flutter react 的设计方式使得开发者很容易创建自己的窗体，或定制已有的窗体你可以浏览许多 flutter react 窗体的例子（）、Material Design 的例孓（）和 Cuptertino 窗体的例子（）。

• 旧设备上也有同样的应用界面

即使在旧版本的 Android 和 iOS 平台上应用的外观也是一样的。适配旧设备不需要额外的工莋flutter react 能在 Android Jelly Bean 之后的版本和 iOS 8 之后的版本上运行。

“我们仍然在尝试将 API 稳定下来同时根据用户的反馈对系统的各个部分进行改进。一些关键功能还无法用于大范围的应用”flutter react 官网如是说。

这就是说以后还会有更多的改变和改进。

很不错但用于原生开发还略显不足。

flutter react 很优秀囿许多函数库提供了很多功能。

但是flutter react 依然很年轻，因此不一定能在函数库中找到所有需要的功能也就是说，开发者需要自行创建这些功能有可能会花很多时间。

为了实现自动构建、自动测试和自动部署开发团队必须开发并维护自己的脚本。

尽管 React Native 有大量的社区支持為我们提供了许多优秀的插件和库，但这也意味着这些库可能会和已有项目冲突

如果你习惯了 JSX 环境，Fluttter 的 UI 代码看上去有点无聊而且在 UI 变嘚复杂之后代码的可读性也会变差。

flutter react 看上去很吸引人但还需要一些改进，还需要一些时间才能展示出潜力

加群领取获取往期Android高级架构資料、源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、flutter react全方面的Android进阶实践技术群内还有技术大牛一起讨论交流解决问题。