【译】Flutter vs React Native vs Native：深度性能比较

Android — GPU 测试结果不支持 benchmark

Android 测试

检测结果：

• 1. 所有测试均显示出大致相同的FPS。
• 2. 与 Flutter 和 React Native 相比，Android 原生使用的内存只有一半。
• 3. React Native 需要较重的 CPU 利用，原因是在于目前的 JS 和原生之间的代码需要使用 JSBridge，这会在序列化和反序列化方面浪费资源。
• 4. 关于电池利用方法，Android 原生最省电，React Native 落后于 Android 和 Flutter，特备是运行连续动画上 React Native 会消耗更多电池电量。

iOS 测试

检测结果:

1、在 FPS 上 React Native 的结果比 Flutter 和 Swift 差，原因是无法在 iOS 上使用 IoT 编译。 2、在内存上 Flutter 与原生的内存消耗几乎相同，但在 Flutter 在 CPU 上消耗更重，在此测试中结果中 React Native 远远落后于 Flutter 和原生。 3、在测试结果中 Flutter 会利用更多CPU，而 iOS 原生会更多利用 GPU；

测试用例2 — Heavy animations test

如今大多数 Android 和 iOS 都具有强大的硬件，所以在大多数情况下是不会发现 fps 有明显的下降，这就是为什么我们决定增加复杂的动画测试的原因，并且要足够复杂以实现导致 fps 下降。

该测试用力在 Android，iOS，React Native 上使用了 Lottie 进行复杂矢量动画的展示，并在 Flutter 上使用了 Flare 实现相同的动画。

如下图所示，是在 Android 、iOS 和 React Native 上使用 Lottie ，而在 Flutter 上使用的Flare 的实现效果。

Android

• 1. Android 和 React Native 在性能表现上差不多。很明显这是因为该场景下 Lottie for React Native 只需要使用的原生的绘制逻辑（16–19％CPU，30–29 FPS）。
• 2. Flutter的结果让人有些惊讶，因为它的效果有点糟。（12％的CPU和9 FPS）。

而从上述网格动画中删除一个特定的动画后，居然会使 Flutter 上的 FPS 最高提高 40％，所以这里猜测可能是 Flare 对于类似乎任务没有进行优化，或者 Flutter 本身对这种绘制存在兼容问题的原因：

• 3. Android 原生需要的内存最少（205 Mb）；React Native 需要 280 Mb，Flutter 需要266 Mb。
• 4. 应用程序冷启动后，Flutter处于领先地位（2秒），对于 Android 原生和 React Native 大约需要4秒钟。

iOS

• 1. 不出意料 iOS 和 React Native 在此测试中的结果几乎一致；
• 2. Flare 和 Flutter 依旧没有好的表现；
• 3. iOS 原生需要的内存量 48 Mb ，React Native 需要 135 Mb，Flutter需要 117 Mb；
• 4. 应用程序冷启动后，Flutter处于领先地位（2秒），对于 iOS 原生和 React Native 大约需要 10秒钟；

请注意：在这种情况下我们为 Flutter 使用了一个不同的库，该库比我们在其他平台上使用的库重得多，这可能是fps下降的原因。（因为 Lottie 在 Flutter 上目前的开源效果更差）

用例3 - Even heavier animations test with rotations, scaling and fade.

在此测试中，我们对 200 张图像进行动画运行（旋转和淡入淡出），从而对比不同平台的性能。

Android

• 1. 原生平台显示出最佳性能和最有效的内存管理。
• 2. Flutter 显示出非常接近元素的 fps，但是内存开销增加了两倍。
• 3. React Native 在这种情况下表现不佳。

iOS

• 1. iPhone 6s 居然足够强大，在3种情况下都不会降低fps。
• 2. 原生使用的资源较少，而 GPU 则最多使用。
• 3. React Native主要使用CPU进行渲染，而 Flutter 使用GPU。
• 4. React Native 使用了更多的内存。
     总结
     –
     对于日常应用上需要使用的动画和炫酷UI，无论哪种技术都不会有太大障碍，但是如果要一些繁重的动画的情况下，原生才能获得最好的性能，接下来才是 Flutter 和 React Native。
     另外这里不建议在需要 CPU 繁重的操作中使用 React Native，而 Flutter 从 CPU 和内存的角度来可能会比较适合此类任务。
     当然选择什么框架工具取决于不同的业务场景，如果是需要开发单平台MVP(最小可行性产品)，那最好使用原生Native开发，而 Flutter 的优势还是在于可以为移动、Web、PC等构建相同的 UI 逻辑，尤其是在初期开发预算毕竟紧张，然后还需要性能不错的情况下，当然这还和你的本身的技术栈有关系。
     自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

有任何问题，欢迎广大网友一起来交流，分享高阶Android学习视频资料和面试资料包~

偷偷说一句：群里高手如云，欢迎大家加群和大佬们一起交流讨论啊！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！