高频数据交换下Flutter与ReactNative的对比

(标题图片来自网络,侵删)

后端使用go写的socketio服务模拟期货行情数据,每10ms推送10条行情数据

ReactNative已经尽力优化了。

Flutter由于没flutter-socketio这个库不支持dart2.0以上的版本,所有用了安卓的socketio,通过事件与Flutter通讯。

1.内存占用

ReactNative

Flutter

2.FPS

ReactNative UI主线程满帧运行

Flutter Flutter渲染引擎没有满帧

但是ReactNative在满帧的情况下实际是卡住的,不能切换路由,后端服务关闭后仍然会执行一段时间,证明有事件堆积。

而Flutter不会影响路由切换,因为Flutter的路由切换在ui主线程上,而react-navigation跑在js线程上。Flutter虽不满帧但可以实时更新数据。

总结:在某些高性能场景下仍需要跨平台,Flutter是你唯一的选择!

Flutter的性能还可以进一步优化,例如采用udp发送行情数据、protobuf替换掉json也会有比较好的收益

上图是我测试的几种手机的极限性能,大家可以自己测试,代码在下方

gelove/quotationServer​github.comgelove/futures​github.comgelove/market​github.com

原文链接:zhuanlan.zhihu.com

上一篇:credential-management 在登录场景的应用
下一篇:echarts花样作死的坑

相关推荐

  • 首发 | 闲鱼公开多年 Flutter 实践经验

    (https://img.javascriptcn.com/7f312df423086aca9f69ec144384ad5f) 阿里妹导读:Flutter从诞生到现在,已经成为了跨端开发的领跑者。

    9 个月前
  • 闲鱼基于Flutter的移动端跨平台应用实践

    (https://img.javascriptcn.com/236544346eb00808bf4656b59db1dfcf)作者|王树彬编辑|覃云本文来自阿里巴巴闲鱼无线技术专家王树彬在今年 GMT...

    2 年前
  • 让前端开发者失业的技术,Flutter Web初体验

    Flutter是一种新型的“客户端”技术。它的最终目标是替代包含几乎所有平台的开发:iOS,Android,Web,桌面;做到了一次编写,多处运行。掌握Flutter web可能是Web前端开发者翻...

    1 年前
  • 综合能力:如何编写脚本让 ReactNative 自动启动 Android 模拟器

    这篇文章记录笔者在 ReactNative 开发中遇到的一个具体的小问题,过程中新学到一些技巧,记录下来方便自己回顾也希望能帮助有同样需求的开发者。 跟 ReactNative 其实关系也不大,主要...

    19 天前
  • 用Flutter构建漂亮的UI界面 - 基础组件篇

    图片描述(https://img.javascriptcn.com/75eb74d7567600c69c6d266a997320fe "图片描述") 1. 前言 作为时下最流行的技术之一,凭借其...

    1 年前
  • 用Flutter开发一个github客户端

    Gitme(https://flutterchina.club/app/gm.html) 是Flutter中文网https://flutterchina.club/(https://flutterc...

    2 年前
  • 用 Flutter 实现探探卡片布局

    前言 前几天写了一个 Fluter 插件 tcard,用来实现类似于探探卡片的布局。效果如下,本文讲解如何使用 Stack 控件实现这个布局。 (/public/upload/6675bc9b83...

    12 天前
  • 爱奇艺 Flutter 跨平台 Hybrid 实践

    点击上方“ 开发者技术前线”,选择“星标” 你就是真爱 转载自:本文转载自「爱奇艺技术产品团队」 爱奇艺开播助手 爱奇艺开播助手项目,又称"直播机",该项目目标是通过一个移动平台为主播提供多样...

    2 年前
  • 深入Flutter

    原文地址在这里。 本文主要说了Flutter内部使用了怎样的算法和优化让Flutter如此强大。某些内容对比了Flutter和其他开发工具一致性算法的优劣,不过个人感觉还是太过简短,后面我会花更多的时...

    1 个月前
  • 深入Flutter

    原文地址在这里。 本文主要说了Flutter内部使用了怎样的算法和优化让Flutter如此强大。某些内容对比了Flutter和其他开发工具一致性算法的优劣,不过个人感觉还是太过简短,后面我会花更多的时...

    1 个月前

官方社区

扫码加入 JavaScript 社区