国内BAT大厂在使用的移动跨平台框架

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

抛开传统的Hybrid技术技术,目前比较流行的移动跨平台技术方案当属React Native、Weex和Flutter。不过,从开发效率、渲染性能、维护成本和社区生态上等不同的细节来看又各有优劣,对比如下。

在这里插入图片描述

不过,综合对比下来说,Flutter应该是目前最好的,React Native次之,不过,正如我之前说的一样,对于移动跨平台技术,没有最好,只有适合自己的。

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

AppSwiftReact NativeFlutterWeexVersion
1. 钉钉5.0.5
2. 腾讯会议1.3.0
3. 剪映2.7.1
4. TestFlight2.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. QQ8.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 Office10.0.3
28. 网易云音乐7.0.20
29. 腾讯课堂4.8.5
30. 淘宝直播1.6.1
31. 交管121232.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. Keep6.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. 芒果TV6.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. Zoom4.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

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

应用总数SwiftReact NativeFlutterWeexObjC时间
10026231314412020.03.18

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

1、微信(v7.0.15)

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

在这里插入图片描述

2、腾讯课堂(v4.10.3.13)

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

在这里插入图片描述

3、QQ(v8.3.9)

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

在这里插入图片描述

4、书旗小说(v11.1.3.111)

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

在这里插入图片描述

5、京东(v9.0.0)

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

在这里插入图片描述

6、京喜(v3.6.0)

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

在这里插入图片描述

7、苏宁易购(v8.8.7)

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

在这里插入图片描述

8、微信读书(v4.6.0)

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

在这里插入图片描述

9、京东金融(v5.4.30)

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

在这里插入图片描述

10、腾讯动漫(v8.4.7)

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

在这里插入图片描述

11、哔哩哔哩(v6.1.0)

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

在这里插入图片描述

12、滴滴出行(v5.4.14)

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

在这里插入图片描述

13、哈罗出行(v5.40.0)

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

在这里插入图片描述

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

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

在这里插入图片描述

15、手机淘宝(v9.8.0)

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

在这里插入图片描述

16、闲鱼(v6.7.10)

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

在这里插入图片描述

17、支付宝(v10.1.95.9010)

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

在这里插入图片描述

18、UC 浏览器(v13.0.0.1080)

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

在这里插入图片描述

19、饿了么(8.32.2)

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

在这里插入图片描述

20、钉钉(v5.1.5)

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

在这里插入图片描述

21、飞猪(v9.5.2.104)

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

在这里插入图片描述

22、菜鸟裹裹(v5.11.2)

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

在这里插入图片描述

23、百度网盘(v10.1.23)

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

在这里插入图片描述

24、百度(v11.23.5.10)

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

在这里插入图片描述

25、美团(v10.10.201)

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

在这里插入图片描述

26、美团外卖(v7.36.4)

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

在这里插入图片描述

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

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

在这里插入图片描述

28、抖音(v11.2.0)

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

在这里插入图片描述

29、今日头条(v7.7.4)

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

在这里插入图片描述

30、知乎(v6.42.0)

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

在这里插入图片描述

31、微博(v10.5.2)

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

在这里插入图片描述

32、天猫(v12.5)

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

在这里插入图片描述

33、58 同城(v9.10.1)

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

在这里插入图片描述

34、携程(v8.24.2)

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

在这里插入图片描述

35、去哪儿(v9.0.6)

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

在这里插入图片描述

36、小红书 (v6.46.0)

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

在这里插入图片描述

37、虎扑(v7.5.8.12113)

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

在这里插入图片描述

39、Boss直聘(v8.050)

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

在这里插入图片描述

40、智联招聘(v7.9.56)

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

在这里插入图片描述

41、猿辅导(v7.7.1)

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

在这里插入图片描述

42、快手(v7.5.10)

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

在这里插入图片描述

43、得到(v8.0.1)

arm框架: armeabi-v7a

包含 kotlin、androidx

跨平台框架:react-native

在这里插入图片描述

44、每日优鲜(v9.8.51)

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

在这里插入图片描述

45、盒马(v4.43.0)

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

在这里插入图片描述

46、小米有品(v5.6.88)

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

在这里插入图片描述

47、米家(v5.6.88)

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

在这里插入图片描述

48、链家(v9.15.1)

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

在这里插入图片描述

49、喜马拉雅(v6.6.75.3)

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

在这里插入图片描述

50、同花顺(v10.08.03)

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

在这里插入图片描述

51、陌陌(v8.24.3)

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

在这里插入图片描述

52、脉脉(v5.2.66)

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

在这里插入图片描述

经过分析这些排名靠前的App,我们可以得到如下一张表。

| 应用总数 | kotlin | androidx | Flutter | react-native | weex |

| --------------- | ----- | ------------ | ------- | ---- | ---- |

| 52 | 39 | 24 | 19 | 22 | 18 |

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

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

以上是 国内BAT大厂在使用的移动跨平台框架 的全部内容, 来源链接: utcz.com/a/25482.html

回到顶部