用flutter实现朋友圈性能如何?

Posted 知识小集

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用flutter实现朋友圈性能如何?相关的知识,希望对你有一定的参考价值。

我觉得有必要写一篇文章来总结一下,由于水平有限可能说的并不准确。如果你有不同的意见,欢迎留言。

本文主要从下面两个方面来说明:

一、界面

我们先看下整体效果:

用flutter实现朋友圈性能如何?

用flutter实现朋友圈性能如何?

用flutter实现朋友圈性能如何?


从图中可以看出,界面部分完全可以做出 ios 中的风格,使用 flutter 也有优缺点

优点

- 实时查看效果,修改布局或样式后,保存即可看到修改后的效果,秒级的;

- 布局简单,提供了 Row、Column、Container 等布局控件;

- 不需要计算 cell 高度(你可以反驳我 iOS 也可以不用计算高度);

缺点

- 代码嵌套太深,这点可以通过一些方式来避免;

- 安卓上的字体颜色显示和 iOS 上有差别;

- 图文混排(表情与文字),这块没有现成的 Widget,我使用了 wrap 代替,有瑕疵;

二、性能(设备 iPhone6-16G-iOS9.3)

很多同学比较关心性能问题,我简单录了个视频。500 条数据,工具使用的是 PerformanceAnalyzer。


FPS视频上的 FPS,不正确。这点我觉得不需要担心,平均值在 53 左右,在 iPhone X上表现会更好一些;


内存内存消耗比较大,峰值在 300M左右,基本保持在 200M左右;

CPU消耗比较大,峰值在 120% 左右,基本保持在 44%;



以上是关于用flutter实现朋友圈性能如何?的主要内容,如果未能解决你的问题,请参考以下文章

微信朋友圈测试用例

两步实现微信小程序分享朋友圈

iOS仿微信朋友圈下拉刷新

用Python搞定九宫格式的朋友圈。内附“马云”朋友圈

flutter实战:搭建登录页与朋友圈列表页

怎样屏蔽微信朋友圈视频?局域网如何禁止员工看朋友圈视频?