写点什么

【译】Flutter vs React Native vs Native,android 开发社区

用户头像
Android架构
关注
发布于: 19 小时前
  • 关于电池利用方法,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 本身对这种绘制存在兼容问题的原因:


![](https://user-gold-cdn.xitu.io/2020/7/1/1730866e744745ed?imageVi


《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开:qq.cn.hn/FTe 免费领取
复制代码


ew2/0/w/1280/h/960/ignore-error/1)


  • 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 和内存的角度来可能会比较适合此类任务。当然选择什么框架工具取决于不同的业务场景,如果是需要开发单平台 MVP(最小可行性产品),那最好使用原生 Native 开发,而 Flutter 的优势还是在于可以为移动、Web、PC 等构建相同的 UI 逻辑,尤其是在初期开发预算毕竟紧张,然后还需要性能不错的情况下,当然这还和你的本身的技术栈有关系。


另外在 1.17 版本开始,底层绘制上 Android 可能会用到 Vulkan,而 iOS 可能会是 Metal,这主要和硬件还有系统版本有关系,比如在支持 Metal 的 iOS 上 Flutter 的性能绘制可以提高 50% 。

用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
【译】Flutter vs React Native vs Native,android开发社区