React Native

React Native / NativeScript, 你需要一个桥梁来调用 Swift 或 Android 或 Windows & Mac APIs。 Flutter使用的是 Dart, 所以你不需要那样，一切都是原生的。 这也解决了 JS 生态系统之间的许多不同版本之间的问题，比如CommonJS, AMD。React Native 开发人员, 在开发混合应用时面临问题, 但对于原生应用, 不会面临任何与性能相关的问题。它在所有标准情况下都提供无缝性能, 并且高度可靠。

Flutter

根据他们的应用性能, 将 Facebook 的 React Native 与 Google 的 Flutter 进行比较, 是 Flutter 战胜了竞争对手。Flutter 具有 Dart 的优势, 并且没有 JavaScript 桥接用于处理与设备本机原生组件的交互, 开发速度和运行时间会大大加快。

Flutter 已将动画标准设置为 60fps, 这清楚地表明了其高性能。最后, 由于 Flutter 被编译成 Android 和 iOS 的原生 ARM 代码, 性能是它永远不会面临的一个问题。

总之，两种平台的性能都比较接近。

架构

在 React native 中，构建移动应用程序有两种架构类型，Flux 和 Redux。

Flux 由Facebook 制作，而 Redux 受社区青睐。 由于单向数据流，App 是无状态, 因为应用程序的状态被 store 管理着。

作为一个新手，Flutter 很难为移动应用程序指定最佳架构。但是，也有一些受欢迎的组件，比如BloC(业务逻辑组件)。它们主要依赖于streams 和 RXDart(Reactive Dart)。

IDE　和易于编码

如果我们谈 React native 的 IDE，几乎主流的IDE 都支持。然而，目前，Flutter 的 IDE 只有 Android studio/IntelliJ 和 visual studio 支持。

由于 React Native 使用 JS 语言开发，对于新手来说，学习曲线很容易。另一方面，Dart 作为新发明的语言对开发人员来说有些困难。但是，那些有 c++ 和 Java 经验的人可以轻松地学习它。

代码结构

Google 的 Dart 没有模板，样式和数据文件的分离。 因此，代码变得有点难以理解。 而Javascript遵循简单的代码结构。 因此，开发人员更清楚地理解和编写代码。

稳定性和灵活性

完美移动应用程序最重要的一个方面是稳定性。这两个平台都得到了领先技术社区的支持，因此对稳定性毫无疑问,两者都有很好的稳定性。

React native 拥有大量的社区支持，因此，它成为最受欢迎和最可靠的框架之一。

另一方面，Flutter 推出了新版本的beta 2，它也为开发人员提供了一些令人印象深刻的特性。

在提供灵活性和定制方面，React native显然处于领先地位。通过直接与原生平台交互，提供了无缝的用户体验。

然而，Flutter提供了一组丰富定制的 widgets 来创建一种引人入胜的体验。虽然它正处于测试阶段，试图在市场上站稳脚跟。

人气

说到人气方面，正如我们提到的，React native 在混合应用程序开发中已经变得非常突出。它是任何 iOS 或 Android 项目开发人员的最爱。

无论它是一个小项目还是一个大项目，大量的组件都使它受到了应有的欢迎。

相反，正如我们所知，Flutter 正处于起步阶段，并试图在移动应用程序开发上留下自己的印记。我们不能忽视的事实，在推出的当天，Flutter 在 Twitter上的趋势如上图。

世界电子商务巨头阿里巴巴正在使用 Flutter，这表明了 Flutter 在混合应用开发方面的广阔前景。

React Native 和 Flutter：快速对比

RN 和 Flutter 差异表：

| 工程技术 | React Native | Flutter |
| 首次发布 | 2015年1月 | 2017年5月 |
| 公司 | Facebook | Google |
| 编码语言 | JavaScript | Dart |
| Github Stars(2019年) | 77,827 | 66,183 |
| 学习难度 | React或Javascript经验丰富的开发人员易于学习 | 对于新手相对较难，但对于经验丰富的C++和JAVA专家来说，这很容易学习 |
| 主要架构 | Flux & Redux | bLoC |
| 组件 | 有些是自动适应的 | 非适应性，需要手动配置 |
| 生态 | 成熟 | 还未成熟 |
| 热更新 | 支持 | 支持 |
| UI 组件 | 操作系统的原生组件 | Flutter |
| 文档 | 相对完整 | 相对混乱 |
| 原生性能 | 好 | 很好 |
| 主要用户 | Facebook, Instagram, Pinterest，特斯拉，优步，沃尔玛，Wix.com | 阿里巴巴，Google Greentea，谷歌搜索引擎，App tree，腾讯 |

React native和 Flutter 之间的相似之处

我们已经看到了这两个平台之间的差异。但在某些领域，它们也有相似之处。

• 两者都拥有受欢迎的技术社区的力量
• 它们用于跨平台开发
• 两者都允许同时运行新代码并保持应用程序状态
• 开源、免费、快速
• 拥有顶级UI支持和原生体验

总结

React Native 和 Flutter 都有自己的利弊. Flutter 在应用开发行业市场上仍然是新的, React Native 在之前就已经开始了, 以获得良好的受众优势。

由于文章篇幅问题复制链接查看详细文章以及获取学习笔记可以查看我的【Github】里可以查看

尾声

最后，我再重复一次，如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。

Android进阶学习资料库

一共十个专题，包括了Android进阶所有学习资料，Android进阶视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！

• 自行下载直达领取链接：点击这里前往GitHub

E4%BC%9A%E8%BF%99%E4%BA%9B%EF%BC%9F%E5%A6%82%E4%BD%95%E9%9D%A2%E8%AF%95%E6%8B%BF%E9%AB%98%E8%96%AA%EF%BC%81.md)