国内大厂都在使用哪些移动跨平台框架

自从移动应用开发兴起以来,不少公司和开发者就在不断的探索移动跨平台开发技术,以适应移动应用高速迭代的需求 。纵观当前的移动跨平台方案,总结一下无外乎三大类:一种是使用原生内置的浏览器加载HTML5的Hybrid技术,采用此方案的主要有Cordova、Ionic和微信小程序;另一种是使用JavaScript开发,然后使用原生组件进行渲染,采用此方案的主要有React Native、Weex和快应用;最后一种是使用自带的渲染引擎和自带的原生组件实现跨平台,采用这种方案的主要是Flutter。

抛开传统的Hybrid技术技术,目前比较流行的移动跨平台技术方案当属React Native、Weex和Flutter。不过,从开发效率、渲染性能、维护成本和社区生态上等不同的细节来看又各有优劣,对比如下。
国内大厂都在使用哪些移动跨平台框架_第1张图片
不过,综合对比下来说,Flutter应该是目前最好的,React Native次之,不过,正如我之前说的一样,对于移动跨平台技术,没有最好,只有适合自己的。

前不久,有网友对目前国内的大厂采用的移动跨平台技术进行了统计,给出了如下一组数据。

App Swift React Native Flutter Weex Version
1. 钉钉 5.0.5
2. 腾讯会议 1.3.0
3. 剪映 2.7.1
4. TestFlight 2.6.0
5. 微视 6.6.0
6. 快手极速版 2.1.3
7. 抖音 9.9.0
8. 企业微信 3.0.13
9. 腾讯视频 8.0.0
10. 拼多多 5.3.0
11. 微信 7.0.11
12. QQ 8.2.9
13. 快手 7.1.5
14. 旅行世界 1.2.0
15. 番茄小说 2.7.5
16. 支付宝 10.1.87
17. 手机淘宝 9.5.0
18. 学习强国 2.9.2
19. 百度 11.19.0
20. 韩剧TV-追剧大本营 4.6.8
21. 哔哩哔哩 5.54.1
22. 京东 8.5.2
23. 小红书 6.36.1
24. 爱奇艺 11.2.5
25. 闲鱼 6.6.50
26. 优酷 8.5.4
27. WPS Office 10.0.3
28. 网易云音乐 7.0.20
29. 腾讯课堂 4.8.5
30. 淘宝直播 1.6.1
31. 交管12123 2.4.4
32. QQ浏览器 10.1.0
33. 西瓜视频 4.3.0
34. 百度网盘 10.0.91
35. 美图秀秀 8.7.70
36. 喜马拉雅 6.6.54
37. 酷狗音乐 10.0.4
38. 好省 2.2.0
39. 七猫小说 3.0
40. QQ音乐 9.8.5
41. 京东金融 5.3.50
42. Keep 6.36.0
43. 微博 10.3.0
44. BOSS直聘 7.200
45. UC浏览器 12.8.6.1274
46. 人人视频 4.3.6
47. 58同城 9.6.1
48. 全民K歌 6.19.8
49. 轻颜相机 2.9.1
50. 网上国网 2.0.2
51. 皖事通 1.6.11
52. 安居客 12.26.4
53. 淘宝特价版 3.14.1
54. 今日头条 7.6.1
55. 高德地图 10.28.0
56. 芒果TV 6.5.6
57. 菜鸟裹裹 5.9.0
58. 得物(毒) 4.33.5
59. 贝壳找房 2.27.1
60. 美团 10.7.401
61. 第一弹 2.36.5
62. PP体育 5.20.2
63. 知乎 6.31.2
64. 手机天猫 9.5.1
65. Zoom 4.6.7
66. QQ邮箱 5.7.4
67. WiFi万能钥匙 5.8.3
68. 中国建设银行 4.3.2.001
69. 作业帮 12.7.4
70. 农行掌上银行 4.2.0
71. 团油 5.2.2
72. 美团外卖 7.31.1
73. 虎牙直播 7.10.0
74. 中国工商银行 5.1.0.1.1
75. 搜狗输入法 10.5.0
76. 饿了么 8.30.2
77. 扫描全能王 5.17.0
78. 流利说·英语 7.14.0
79. 百度贴吧 11.2.1
80. 智联招聘 7.9.47
81. 搜狐视频 7.9.2
82. 中国移动 6.0
83. 人民智云 1.4.2
84. 腾讯新闻 6.0.41
85. 苏宁易购 8.5.0
86. 酷狗铃声 2.4.0
87. 一甜相机 2.1.9
88. 下厨房 7.3.1
89. 一直播 3.2.4
90. TT语音 5.0.9
91. 阿里巴巴 8.20.5
92. 我的常州 1.3.5
93. 刷宝短视频 2.0
94. 比心陪练 4.8.0
97. 中国银行手机银行 6.5.0
114. 招商银行 8.1.5
151. 百度地图 10.23.0
170. 星巴克中国 7.10.1
206. 滴滴出行 5.4.4
353. 网易新闻 65.1

通过统计,得出如下的统计结果。

应用总数 Swift React Native Flutter Weex ObjC 时间
100 26 23 13 14 41 2020.03.18

当然,这已经是3个月之前的数据了,那么3个月之后,这些数据又是怎么样的呢,下面是网友【恋猫de小郭】最新给的统计,我们来看看。需要说明的是,查看Android apk采用的何种技术,我们只需要将apk拖到Android Studio中打开即可,当然也可以使用诸如apktool等反编译工具进行反编译。

1、微信(v7.0.15)

  • arm框架: arm64-v8a
  • 语言:kotlin、androidx
  • 跨平台框架:flutter,自定义的 skia

国内大厂都在使用哪些移动跨平台框架_第2张图片

2、腾讯课堂(v4.10.3.13)

  • arm框架: armeabi
  • 语言:kotlin 、androidx
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第3张图片

3、QQ(v8.3.9)

  • arm框架: armeabi
  • 跨平台框架:Flutter
  • 分包数量高达 14 个 dex

国内大厂都在使用哪些移动跨平台框架_第4张图片

4、书旗小说(v11.1.3.111)

  • arm框架: armeabi
  • 跨平台框架:flutter、weex

国内大厂都在使用哪些移动跨平台框架_第5张图片

5、京东(v9.0.0)

  • arm框架: armeabi-v7a
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第6张图片

6、京喜(v3.6.0)

  • arm框架: armeabi
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第7张图片

7、苏宁易购(v8.8.7)

  • arm框架: armeabi
  • 语言:kotlin 、andriodx
  • 跨平台框架:weex、react-native
  • 分包数量高达 15 个 dex

国内大厂都在使用哪些移动跨平台框架_第8张图片

8、微信读书(v4.6.0)

  • arm框架: armeabi-v7a
  • 语言:包含 kotlin 、andriodx
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第9张图片

9、京东金融(v5.4.30)

  • arm框架: armeabi-v7a
  • 包含 kotlin 、andriodx
  • 跨平台框架:react-native
  • 分包数量高达 11 个 dex

国内大厂都在使用哪些移动跨平台框架_第10张图片

10、腾讯动漫(v8.4.7)

  • arm框架: armeabi
  • 包含 kotlin 、andriodx
  • 跨平台框架:weex

国内大厂都在使用哪些移动跨平台框架_第11张图片

11、哔哩哔哩(v6.1.0)

  • arm框架: armeabi
  • 包含 kotlin
  • 跨平台框架:flutter
  • 分包数量高达 14 个 dex

国内大厂都在使用哪些移动跨平台框架_第12张图片

12、滴滴出行(v5.4.14)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:weex

国内大厂都在使用哪些移动跨平台框架_第13张图片

13、哈罗出行(v5.40.0)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:flutter
  • 分包数量高达 14 个 dex

国内大厂都在使用哪些移动跨平台框架_第14张图片

14、网易云音乐(v7.1.61)

  • arm框架: armeabi
  • 包含 kotlin、androidx
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第15张图片

15、手机淘宝(v9.8.0)

  • arm框架: armeabi-v7a、armeabi-v8a
  • 包含 kotlin、androidx
  • 跨平台框架:flutter、weex
  • 分包数量高达 11 个 dex

国内大厂都在使用哪些移动跨平台框架_第16张图片

16、闲鱼(v6.7.10)

  • arm框架: armeabi
  • 跨平台框架:flutter、weex
  • 分包数量高达 14 个 dex

国内大厂都在使用哪些移动跨平台框架_第17张图片

17、支付宝(v10.1.95.9010)

  • arm框架: armeabi
  • 分包数量高达 12 个 dex

国内大厂都在使用哪些移动跨平台框架_第18张图片

18、UC 浏览器(v13.0.0.1080)

  • arm框架: armeabi-v7a
  • 包含 kotlin
  • 跨平台框架:flutter、weex

国内大厂都在使用哪些移动跨平台框架_第19张图片

19、饿了么(8.32.2)

  • arm框架: armeabi-v7a
  • 包含 kotlin
  • 跨平台框架:weex
  • 分包数量高达 14 个 dex

国内大厂都在使用哪些移动跨平台框架_第20张图片

20、钉钉(v5.1.5)

  • arm框架: armeabi
  • 包含 kotlin
  • 跨平台框架:weex
  • 分包数量高达 20 个 dex

国内大厂都在使用哪些移动跨平台框架_第21张图片

21、飞猪(v9.5.2.104)

  • arm框架: armeabi-v7a
  • 包含 kotlin
  • 跨平台框架:weex、flutter
  • 分包数量高达 15 个 dex

国内大厂都在使用哪些移动跨平台框架_第22张图片

22、菜鸟裹裹(v5.11.2)

  • arm框架: armeabi
  • 包含 kotlin
  • 跨平台框架:weex、react-native

国内大厂都在使用哪些移动跨平台框架_第23张图片

23、百度网盘(v10.1.23)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:flutter
  • 分包数量高达 15 个 dex

国内大厂都在使用哪些移动跨平台框架_第24张图片

24、百度(v11.23.5.10)

  • arm框架: armeabi
  • 包含 kotlin
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第25张图片

25、美团(v10.10.201)

  • arm框架: armeabi
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第26张图片

26、美团外卖(v7.36.4)

  • arm框架: armeabi
  • 跨平台框架:react-native
  • 分包数量高达 11 个 dex

国内大厂都在使用哪些移动跨平台框架_第27张图片

27、美团外卖商家版(v6.1.0.36)

  • arm框架: armeabi
  • 跨平台框架:flutter、react-native
  • 分包数量高达 11 个 dex

国内大厂都在使用哪些移动跨平台框架_第28张图片

28、抖音(v11.2.0)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:react-native
  • 分包数量高达 10 个 dex

国内大厂都在使用哪些移动跨平台框架_第29张图片

29、今日头条(v7.7.4)

  • arm框架: armeabi-v7a
  • 包含 kotlin

国内大厂都在使用哪些移动跨平台框架_第30张图片

30、知乎(v6.42.0)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx

国内大厂都在使用哪些移动跨平台框架_第31张图片

31、微博(v10.5.2)

  • arm框架: armeabi
  • 包含 kotlin、androidx

国内大厂都在使用哪些移动跨平台框架_第32张图片

32、天猫(v12.5)

  • arm框架: armeabi-v7a
  • 跨平台框架:Weex

国内大厂都在使用哪些移动跨平台框架_第33张图片

33、58 同城(v9.10.1)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:react-native
  • 分包数量高达 16 个 dex

国内大厂都在使用哪些移动跨平台框架_第34张图片

34、携程(v8.24.2)

  • arm框架: arm64-v8a
  • 包含 kotlin、androidx
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第35张图片

35、去哪儿(v9.0.6)

  • arm框架: armeabi
  • 包含 kotlin、androidx
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第36张图片

36、小红书 (v6.46.0)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第37张图片

37、虎扑(v7.5.8.12113)

  • arm框架: armeabi、 armeabi-v7a
  • 包含 kotlin、androidx

国内大厂都在使用哪些移动跨平台框架_第38张图片

39、Boss直聘(v8.050)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx

国内大厂都在使用哪些移动跨平台框架_第39张图片

40、智联招聘(v7.9.56)

  • arm框架: armeabi-v7a
  • 跨平台框架:weex

国内大厂都在使用哪些移动跨平台框架_第40张图片

41、猿辅导(v7.7.1)

  • arm框架: armeabi
  • 包含 kotlin、androidx
  • 跨平台框架:flutter

国内大厂都在使用哪些移动跨平台框架_第41张图片

42、快手(v7.5.10)

  • arm框架: armeabi-v7a
  • 包含 androidx
  • 跨平台框架:flutter

国内大厂都在使用哪些移动跨平台框架_第42张图片

43、得到(v8.0.1)

arm框架: armeabi-v7a
包含 kotlin、androidx
跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第43张图片

44、每日优鲜(v9.8.51)

  • arm框架: armeabi、armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:flutter

国内大厂都在使用哪些移动跨平台框架_第44张图片

45、盒马(v4.43.0)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:weex、flutter

国内大厂都在使用哪些移动跨平台框架_第45张图片

46、小米有品(v5.6.88)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:weex、react-native

国内大厂都在使用哪些移动跨平台框架_第46张图片

47、米家(v5.6.88)

  • arm框架: armeabi-v7a、arm64-v8a
  • 包含 kotlin
  • 跨平台框架:weex、react-native、flutter

国内大厂都在使用哪些移动跨平台框架_第47张图片

48、链家(v9.15.1)

  • arm框架: armeabi
  • 包含 kotlin
  • 跨平台框架:flutter

国内大厂都在使用哪些移动跨平台框架_第48张图片

49、喜马拉雅(v6.6.75.3)

  • arm框架: armeabi
  • 包含 kotlin
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第49张图片

50、同花顺(v10.08.03)

  • arm框架: armeabi
  • 包含 kotlin、androidx
  • 跨平台框架:flutter

国内大厂都在使用哪些移动跨平台框架_第50张图片

51、陌陌(v8.24.3)

  • arm框架: armeabi
  • 包含 kotlin、androidx
  • 跨平台框架:weex
  • 分包数量高达 12 个 dex

国内大厂都在使用哪些移动跨平台框架_第51张图片

52、脉脉(v5.2.66)

  • arm框架: armeabi-v7a
  • 包含 kotlin、androidx
  • 跨平台框架:react-native

国内大厂都在使用哪些移动跨平台框架_第52张图片
经过分析这些排名靠前的App,我们可以得到如下一张表。
| 应用总数 | kotlin | androidx | Flutter | react-native | weex |
| --------------- | ----- | ------------ | ------- | ---- | ---- |
| 52 | 39 | 24 | 19 | 22 | 18 |

通过上面的统计数据,我们发现:

  • 大部分应用都开始支持Androidx 版本,并且大多使用Kotlin 进行应用开发,当然还存在部分Java。
  • 大部分应用对arm64-v8a 支持不够,主要是因为大部分应用还停留在国内,但是像微信、支付这种全球类的应用已经开始支持arm64-v8a。
  • 相比去年,跨平台 Flutter 的比例提升不少,react-native 作为过去三年最流行的跨平台框架,还有很多的项目还在使用它,而使用weex技术的大多是阿里系 的产品 ,并且比较还不低。

你可能感兴趣的:(flutter,weex,react-native)