Android:
React Native:
iPhone 6s test
用例2 —繁重的动画测试
如今,大多数在Android和iOS上运行的手机都具有强大的硬件。在大多数情况下,使用常规的商业应用程序时,不会发现fps下降。因此,我们决定对重型动画进行一些测试。重得足以导致fps下降。我们使用了在Android,iOS,React Native上使用Lottie进行动画处理的矢量动画,并在Flutter上使用了与Flare相同的动画。
Android,iOS,React Native 使用 Lottie 动画,Flutter 使用 Flare。
Android
我们发现从网格中删除一个特定的动画会使Flutter上的FPS最高提高40%。我们认为Flare较重且未针对此类任务进行优化,这就是Flutter导致FPS下降的原因。
怪这一个:
iOS
用例3-更重的动画会测试旋转,缩放和淡入淡出。
在此测试中,我们比较了动画200张图像时的性能。刻度旋转和淡入淡出动画同时执行。
Android
iOS
总结
对于具有次要动画和闪亮外观的常规商务应用程序,技术根本不重要。但是,如果要制作一些繁重的动画,请记住,Native具有最强大的性能。接下来是Flutter和React Native。我们绝对不建议在CPU繁重的操作中使用React Native,而Flutter从CPU和内存的角度来看都非常适合此类任务。
您选择的工具取决于您的特定产品和业务案例。如果您要开发单平台MVP,请使用Native,但请记住,Flutter应用程序可以为移动,Web和桌面环境构建,因此Flutter可能会成为跨平台开发之王未来并非遥不可及,直到今天,Flutter还是对Native开发工具进行了非常不错的竞争,尤其是在您的开发预算不太紧张但您仍在寻找应用程序性能不错的情况下。
我们面对这样一个事实,即可能有许多因素会影响每种技术的实施和基准,并且你们当中许多人可能是特定平台的真正专家,他们可能会从更多受欢迎的工具中挤出更多的钱。我们通过为每个要测试的应用程序创建一个单一的环境以及一套用于衡量性能的工具,试图为流程带来尽可能多的透明度,我希望您喜欢这样的结果。再一次,我们的移动团队和Flutter团队很高兴收到并承担您所有反馈和建议的重担。
本文分享自微信公众号 - 老孟Flutter(lao_meng_qd)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。