- iOS:
Nuke
- Android:
Glide
- React Native:
React-native-fast-image
Android — GPU 测试结果不支持 benchmark
Android 测试
检测结果:
-
- 所有测试均显示出大致相同的FPS。
-
- 与 Flutter 和 React Native 相比,Android 原生使用的内存只有一半。
-
- React Native 需要较重的 CPU 利用,原因是在于目前的 JS 和原生之间的代码需要使用
JSBridge
,这会在序列化和反序列化方面浪费资源。
- React Native 需要较重的 CPU 利用,原因是在于目前的 JS 和原生之间的代码需要使用
-
- 关于电池利用方法,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
-
- Android 和 React Native 在性能表现上差不多。很明显这是因为该场景下 Lottie for React Native 只需要使用的原生的绘制逻辑(16–19%CPU,30–29 FPS)。
-
- Flutter的结果让人有些惊讶,因为它的效果有点糟。(12%的CPU和9 FPS)。
而从上述网格动画中删除一个特定的动画后,居然会使 Flutter 上的 FPS 最高提高 40%,所以这里猜测可能是 Flare 对于类似乎任务没有进行优化,或者 Flutter 本身对这种绘制存在兼容问题的原因:
-
- Android 原生需要的内存最少(205 Mb);React Native 需要 280 Mb,Flutter 需要266 Mb。
-
- 应用程序冷启动后,Flutter处于领先地位(2秒),对于 Android 原生和 React Native 大约需要4秒钟。
iOS
-
- 不出意料 iOS 和 React Native 在此测试中的结果几乎一致;
-
- Flare 和 Flutter 依旧没有好的表现;
-
- iOS 原生需要的内存量 48 Mb ,React Native 需要 135 Mb,Flutter需要 117 Mb;
-
- 应用程序冷启动后,Flutter处于领先地位(2秒),对于 iOS 原生和 React Native 大约需要 10秒钟;
请注意:在这种情况下我们为 Flutter 使用了一个不同的库,该库比我们在其他平台上使用的库重得多,这可能是fps下降的原因。(因为 Lottie 在 Flutter 上目前的开源效果更差)
用例3 - Even heavier animations test with rotations, scaling and fade.
在此测试中,我们对 200 张图像进行动画运行(旋转和淡入淡出),从而对比不同平台的性能。
Android
-
- 原生平台显示出最佳性能和最有效的内存管理。
-
- Flutter 显示出非常接近元素的 fps,但是内存开销增加了两倍。
-
- React Native 在这种情况下表现不佳。
iOS
-
- iPhone 6s 居然足够强大,在3种情况下都不会降低fps。
-
- 原生使用的资源较少,而 GPU 则最多使用。
-
- React Native主要使用CPU进行渲染,而 Flutter 使用GPU。
-
- React Native 使用了更多的内存。
总结
–
对于日常应用上需要使用的动画和炫酷UI,无论哪种技术都不会有太大障碍,但是如果要一些繁重的动画的情况下,原生才能获得最好的性能,接下来才是 Flutter 和 React Native。
另外这里不建议在需要 CPU 繁重的操作中使用 React Native,而 Flutter 从 CPU 和内存的角度来可能会比较适合此类任务。
- React Native 使用了更多的内存。
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
](https://bbs.csdn.net/topics/618165277)
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!