2021跨平台开发框架到底哪家强?5款小众框架横向对比
郴州娱乐新闻网 2025-09-06
本地配有好相异的 iOS 应用于软件,在 vscode 左边浏览者试验性按钮为了让相异的应用于软件,就可以实际上互联进行开发新试验性了。
视频是因由做到的一个小应用于这两项,参看数据资料结构也更为简便,在 lib 参看数据资料下的 main.dart 就是正门PDF,唯一缺憾的就是 Flutter 对末端开发新的自然语言不友好,Dart 虽然也不简便,但是和 JavaScript 还是有更为多的相通的,需一定整整的掌握和修习,而且相异的不极少种系统类库里词语也不不算一样。
主体来知道比 RN 要配有的简便一些,对末端开发新来知道,Dart 自然语言是一个挑战,编纂成应用于除了 Dart 之外还需认知 Flutter 自己的平衡管状态管理模式,widget 基本概念以及相异的 material 特别库里的系统才能入门,对素人最低标准还是更为低的。
1.3 Ionic
Drifty Co.在2013年大受欢迎了Ionic,可以知道是混合式开发新(hybrid)的鼻祖了,他大受欢迎在此不久大家一般都是在 PhoneGap 下开发新混合式开发新应用于,Ionic 一开始是和 Angular 低度内置的,从前早就全力支持了 React 和 Vue 内置,以及可以用到 Cordova 的库里,自然环境主体来知道还是差强人意的,不尽相同之处是 Web 技术有别于,缺点也很相对来知道,Webview 的展现出和机动性与 RN,Flutter 那种PHP后并转 Native Code 的机动性对比应有要差一些,一些 Web不全力支持的优点需编纂成大量的原生API来全力支持。
点中来看一下他的配备管状况和开发新机器以外趣味,首不须配备全局的cli 撰稿器机器,Nodejs 正式版12.14以上。
npm install -g @ionic/cliionic start myIonicApp blank --type vueionic serve █似乎还是更为简便,但是需配备的刚才更为多,建议原定把 npm 设置成国际上东光,否则要等很久很久很久。
用到 serve 不久,说是本地就是起了一个 webpack-dev-server。
挡住8100定址,说是就是一个但会的 web 这两项,熟识 vue 的同班一眼就能看出来了,IonicVue是作为 Vue 的一个API共存的。
那么看一下如何在应用于软件上Vista吧,首不须需配备点中两个机器,是后置依赖性。
npm install -g ios-simbrew install ios-deploy然后在这两项参看数据资料不须 build 这两项,然后我们实际上用到 Ionic Cli:
npm run buildionic capacitor run ios -l --external为了让一个本地的应用于软件,不久就可以看得见界面了,但是因为因由本地的 Xcode 是11的老正式版,可能会报PHP有误,所以需追加到当前的Xcode12以上正式版,但是因由的 Xcode 升不上去了,因为因由的电脑种系统不全力支持更低层级的 Xcode,所以后背改成用 android 试验性。
因由在此不久配备过 android studio,需新增SDK 到当前,然后在 tools 里找到 AVD 面板,成立一个应用于软件。
激活后需 adb devices 检查一下,如果装置应用于软件,于是又互联进行下一步:
ionic capacitor add androidionic capacitor run android这一步第一次极为极为不算快速,不应是和 ios 一样,需PHP成 apk 于是又互联到应用于软件上。
不须前的缺点就是这样,看得见日志的不须前几行就是 deploy 了一个debug 的 apk 到应用于软件了。
主体来知道,Ionic 的配备步骤不而今简便,如果网络更为好,整个流程不到半小时,如果是当前版的 MacOS 种系统,追加 Xcode 到当前版不应也更为圆润。看了一下官方,debug 方式就是透过 chrome 或者 safari 的该网站试验性机器试验性,所以大家认知,这个Ionic 套内层了 webview,试验性方法和 webview 试验性方法是原则上的。
1.4 NativeScript
NativeScript是由Progress 一些公司开发新的,早就专注于开发新机器领域30多年的该集团。整个 NativeScript 的控制能力和它的名字一样是专门为了 iOS 和 Android 而开发新的,但是拼法毕竟 JavaScript。和上面知道的 Ionic 不一样是套内层 Webview,NativeScript 还是在 Js 和 Native 之间打通了一座公路桥,智正的用到 Native Code互联进行主页的三维,这也使的它的展现出控制能力比 Ionic 倒是,从官方上看他也全力支持不尽相同的 Web 软件种系统拼法,比如 Vue,React,有数 TS 全力支持,当然用原生 JS和 HTML也可以编纂成,官方:。
点中看一下他的配备管状况和开发新机器趣味,依然是 MacOS 种系统管状况木料。
同样是需不须配备 NativeScript 的Cli 机器:
npm install -g nativescript流程中的可能会遭遇从 codeload 浏览依赖性,可以设置挂名或者改写 codeload 的 host 解决 ,因由就遭遇了,但这不是 nativescript 的关键问题 :)。
140.82.114.9 codeload.github.com用到 ns 立即成立 NativeScript 这两项:ns create myNativescriptApp为了让成立一个 Vue C#的空这两项,撰稿器可能会交互式的引导你为了让,用 Vscode 挡住就可以撰稿,参看数据资料结构和普通的 Vue 这两项前提一样,正门在 app 参看数据资料下的 app.js,Vue 实例被 nativescript-vue 替代。
Run the project on multiple devices:---- ----$ ns run ios---- ----$ ns run androidDebug the project with Chrome DevTools:---- ----$ ns debug ios---- ----$ ns debug android我们看一下在 android 下是什么样子的,iOS 也是因为本地 Xcode 正式版不算老跑回不一起,第一次PHP整整都更为久,需总能等待。
接入一起后和 Ioinc 类似,也是有个 debug 的 apk 被装到应用于软件里了,测试了一下本地改写末端编码,webpack 本地可能会互联进行 watch 和 sync 到应用于软件,充分透过热新增,低速还可以,但是需频繁的冷起app才生效。
1.5 AVM
AVM 是由 APICloud 研发的一套跨端的 JavaScript 软件种系统,又称(APICloud-View-Model),拼法类 Vue 也相容 React JSX,有双向链接,接口化和平衡管状态管理全力支持,并配套了种系统层级的 API,全力支持数位PHP和公开发表到不尽相同的平台,官方是:APICloud.com/AVMframe,有自己的开发新 ide全力支持,我看当年12当月底还有在新增SDK (2021-12-3),其中的 JS Framework 以外是全部开东光的,有数 JS 接口库里。
我们来看一下他的配备管状况和开发新机器,首不须需注册 APICloud QQ,因为他们继承了数位PHP的系统,而且ide也是需QQ登陆互联编码。然后浏览官方的APICloud Studio 3,如果是 Mac 种系统一定要忽略,不能实际上在 download 参看数据资料挡住,需复制到应用于机制PDF夹内于是又用。
浏览后挡住,熟识 vscode 的同班不应能找到,这是一个基于 vscode 二次开发新的 IDE。
正门PDF是 pages 参看数据资料下的stml编码PDF,在上面右键动态Vista可以在后面实际上看缺点,需忽略的是,这里只能Vista标准H5的接口及主页缺点,不能Vista原生API的系统,所以自荐要智实开发新的话,需用到智机配备AppLoader互联进行试验性,类似RN的Expo。
AppLoader 的浏览定址:#apploader
配备不久维持Mac 和iPad在同一网络下,用 AppLoader 图像IDE 中的的二维码就可以动态看得见智机缺点了。
在智机舱像网络,wifi 这些种系统层级 API 就可以但会用到和Vista了,报错也可能会有提示,开发新趣味很像小机制。
主体来知道开发新管状况和开发新机器是相辅相成的,报表更为顺畅,单程也未鼓捣任何撰稿器机器,但要根据官方PDF格式的引导互联进行用到。
1.6 归纳
经过对5个软件种系统的近期讲解,大家可以看出来前提上大家的开发新报表拆成了两类,一类是实际上把 debug 包在装到iPad上互联进行开发新和试验性,比如 Ioinc,NativeScript,还有 Flutter,另外一类则是需通过一个额外的 AppLoader 互联进行来进行试验性,比如 AVM,RN,当然后者也全力支持实际上配备包在到智机,但是 debug 的方式还是有所区别。
在开发新机器上,前提上大家都可以用到Vscode 互联进行开发新,都全力支持 hotReload 系统,有些缺极少了自己的IDE,内置化相对更为低,比如 AVM。
二、机动性更为点中因由就从机动性本质讲一下不尽相同软件种系统的对比上述情况,这个可能是大家最注目的了。因由通过编纂成一个简便的超长的 viewlist 来互联进行横向更为,编码因由放到这里了,,后背大家可以去参看,充分透过一个1000行的人口为120人列表,左图右文。
RN 缺点:
Flutter 缺点:
Ionic 缺点:
NativeScript 缺点,这里NativeScript 开发新趣味最烂,后背可能会在 API 研究以外细知道:
AVM 下的缺点:
编码充分透过很简便,也未做到特殊提高效率,未滚动加载,未交互事件,实际上1000条数据资料搞满,用到的都是官方 list 接口。
机动性我们实际上 adb shell 并转到装置后,用到 top立即来捕捉到 app 进程上述情况:
其中的帧数我们用android的开发新者系统,GPU视频来识别,PHP低速实际上用 time 立即统计数字, 以外采用第一次debug激活不间断的整整。
比如:
time ns debug android软件种系统
内存
CPU用到率
FPS
debugPHP低速
RN(expo go)
300M
78%-116%
0m32.229s
Flutter
190M
37%-43%
0m21.336s
Ionic
138M
49%-65%
0m55.549s
NativeScript
147M
19%~20%
0m27.862s
AVM
122MB
6%-10%
0m0.094s
简便研究一下,首不须是内存征用,前提都是100MB 以上,RN 和 Flutter 最多,AVM最极少。然后是 CPU %比,因由一直上到 list,看 CPU征用率,其中的RN 是最低的,但是它的 fps 却很低,这知道明 cpu 征用率较低知道明计而今趋多,但是 fps 末知道明未戴尔,机动性更好。
比如我们看 Ionic 的 cpu 征用只有 RN 的一半,但是 fps 却之外低,有很相对来知道戴尔。所以我们可以知道 RN 的机动性比 webview 三维的 Ionic 要好很多,有数 NativeScript 和 AVM 也是这个道理,cpu %比较低,而 fps 趋末,那么机动性就趋好,可是cpu征用低也有个关键问题就是可能会更为费电…
不须前我们于是又看PHP整整,这关系到试验性趣味,这里头AVM 新纪录,前提是毫秒级互联到智机,其他前提都是秒级的,需跑回build。当然 Expo 和 AVM 都是有后置 Loader的,所以应有比未 loader 机制的快速一些。AVM 因由也不不算清楚为什么这么快速,这确实是让因由很惊讶,但是有一点,AVM 在因由的android应用于软件上配备失败,所以因由是用智机不须期的,但可能会有一些影响,智机的机动性更低一些。
三、有否全力支持多端PHP(含小机制)这里的多端不仅仅指android,ios,h5,更包在含了有否全力支持国际上的小机制PHP。因为很多一些公司从前的业务情节都是需在不尽相同的APP里跑回的,所以有否全力支持多端对我们国际上普通用户来知道很重要,因由本来上升了这一对比项。另外从前 PC 端的PHP各家也有全力支持,所以还另外上升了 windows,macOS 平台的对比。
软件种系统
Android
iOS
H5
小机制
windows desktop
macOS
desktop
React Native
√
√
√
alita,remax,Taro
react-native-windows
react-native-macOS
Flutter
√
√
√
MPFlutter
√
√
Ionic
√
√
√
X
√
√
NativeScript
√
√
X
X
X
X
AVM
√
√
√
√
X
X
主体调研的上述情况如上图,对勾的以外就是官方实际上全力支持PHP,叉号的意思就是官方不全力支持,也未什么更为开花结果的开东光解决方案,而单独写成了一些软件种系统全力支持的比如 RN,Flutter 是有一些还而今开花结果的开东光解决方案可以用到的。
主体来看,如果只开发新 Android 和 iOS 应用于,这五个软件种系统都有一点关键问题,如果要全力支持小机制和桌面软件则要回避更多,从前来看 RN 和 Flutter 自然环境是最原始的,次之是 Ionic,当然如果您是以搜狐小机制有别于的开发新者未必回避 desktop的意味著,那么 AVM 可能是更好的为了让。
四、自然环境上述情况4.1 开东光自然环境,流行度
我们实际上用 NPMCompare 来对比,因为 Flutter 和 AVM 未在 NPM 上有相异的包在,后背因由单独于是又列。
销售量上比,RN 遥遥领不须,Ionic 和 NativeScript 都不够看, RN显然第一,Ionic 比 NativeScript 好一点,从 issues 上来看,NativeScript 好一点,但是可能是因为普通用户不算极少避免的。Ionic 和 NativeScript 全加一起,还不如 RN一个零头。
我们于是又看 Flutter 和 AVM,因为未找到相异的包在和销售量,我们摘取 statista.com 的数据资料来看一下 。
可以看出到结论的数据资料和我们上边的结果类似,Ionic 和 NativeScript 的总收益2021年只有16%+5%=21%,Flutter第一42%, RN第二38%。可以看得见Flutter 从2019年到2021年逐步在持续上升,终究在2021年反超 RN。
以上是几个主要软件种系统的主仓库里的对比上述情况,数据资料来自 以求的可以看出来,从 stars 和 forks 上来知道 Flutter 和 RN 前提就是老二和独子,从 open issues 上看RN 比 Flutter 远胜,整整上看大家都是7,8年前开始做到的,新增上述情况也仅有。
于是又从搜索引擎热词上做到一下研究。
从 Google Trends 的结果来看,国际上 apicloud,ionic,nativescript 的注目度仅有,react native 和 flutter 当年对比来看,国际上更多的人开始并转回 flutter。
4.2 API 全力支持,接口丰富相对
这以外从 API 不仅仅对比五个软件种系统对原生控制能力的全力支持上述情况和接口全力支持的上述情况。
前面因由简便的开发新了个 list 系统,我们点中对比下各个软件种系统的基础接口偶数(含整体设计接口)和API控制能力。
软件种系统接口偶数种系统API/Plugin偶数开发新趣味RN3433React无缝切入Flutter171104Dart自然语言,有一定最低标准和适应整整Ionic90291全力支持 React,Vue,Angularjs,JS,TS 开发新NativeScript3187动态试验机动性力不算弱AVM31219动态试验机动性力强于,类 Vue 自然语言相容 React JSX
来东光参看:
RN 接口:
RN API:
Flutter 接口:
Flutter API:
Ionic 接口:
Ionic API:
NativeScript 接口:
NativeScript API:
AVM 接口:
AVM API:
数据资料上虽然差别更为大,比如 RN 的 API 和接口数虽然极少一些,但是都是按模块划分的。比如某单个 API Class 下说是是有不极少方法可以充分透过很多控制能力的。这里只列举了使用量,只是缺极少了一个更为粗略的,对修习成本低的一个近期直观的感觉,智是够不够用还是需智实开发新过简便应用于才有显然既得利益。
因由有点在开发新趣味上,Flutter 是独一档的。因为 Dart 和TS,JS 都不不算一样,整个 UI 开发新基本概念和末端还是有一些理念军事冲突。其他用到 JavaScript 数据处理新的软件种系统,AVM,RN,Ionic 说是都还差强人意。但是 Ionic 全力支持用到各种不尽相同 JS 库里来开发新,比如 React,Vue,NG 等,而 AVM 全力支持 Vue 、react自然语言优点, RN 则必须是 React。NativeScript 虽然也全力支持不尽相同的末端软件种系统开发新,但是整个开发新趣味则是最差的,他的动态PHP,debug 系统以及整体设计种系统智是很烂,因由这里不自荐于是又入坑了,普通用户极少智是是有原因的,比如因由这个新左手,看完他们的整体设计PDF格式就实际上给劝退了。
而且纵观所有软件种系统,PDF格式写成的最细致还是 RN 和 Flutter,AVM中国地区。但是RN 和 Flutter 本土化相对不够, Ionic 和 NativeScript 则是国际上数据资料更为极少且PDF格式更为糊弄,而且都很久不新增了。
五、归纳虽然前面因由从不尽相同的本质研究了各个软件种系统的上述情况,比如入门,开发新管状况以及简便的机动性对比,自然环境上述情况等。但是对于这些软件种系统来知道,说是还有很多研究工作的空间,这篇文章只是合理的记录了因由对不尽相同软件种系统初次入门和调研上述情况的一个流程。所以难免有一些地方不够全面,但已前提反映出现管状。
从机动性上看AVM 的开发新趣味和PHP低速,机动性展现出都极为好,虽然是国产的软件种系统但是不比国外的要差,其次是Flutter,RN,不须前是 Ionic 和 NativeScript。
从开发新趣味上来知道,更为感觉的是RN,Ionic这两个,其次是Flutter和 AVM,Flutter 是因为 Dart 自然语言,但需单独修习,中的小跨国公司选型以及更进一步开发新者需回避;而 AVM 则不全力支持 TS和其他语言软件种系统,只全力支持 JS 自然语言。最差的是 NativeScript,前提上不曾动态试验性,API 也极为的不友好。
归纳下来,因由有点2021年最火的当属 Flutter,早就赶超了 RN。主体上看国际上外普通用户从前的为了让和收益也大以外被 Flutter和 RN 瓜分殆尽。其他软件种系统中的 AVM和 Ionic 相互竞争战术上,但是从用到趣味,入门难度,新社区上述情况来看,国际上的 AVM 应有更适合国际上开发新者一些,或许有本土化,数位内置,而且debug趣味也很惊艳。
所以厂商实际上上 Flutter 是未关键问题的,Dart 未不算大难度,这以外成本低不是关键问题。而其他一些公司和更进一步开发新者如果做到国际上市场竞争为了让 AVM,RN 还是更为有用的(相更为 NativeScript 和 Ionic,AVM天然全力支持国际上的小机制,是重要加分项,而 RN的PDF格式,自然环境则更为多),不须前如果回避 desktop 的可用,那么 Flutter 似乎就更有用一些了。
不须前在这里还个人一份由大佬亲身收录编纂的修习PDF+架构视频+面试PDF格式+东光码笔记,低级架构技术具体来说脑图、Android开发新面试专题数据资料,低级具体来说架构数据资料
这些都是我从前自娱时还可能会每一次翻阅的独具一格数据资料。里头对近几年的厂商面试低频知识点都有详细的讲解。相信可以有效地努力大家掌握知识、认知原理,努力大家在未来取得一份差强人意的答卷。
当然,你也可以拿去查漏补缺,强于化自身的竞争力。
智心渴望可以努力到大家,Android路漫漫,共勉!
如果你有需的话,须要私信我【具体来说】即可获取
。减肥期间总是便秘怎么办干眼症有哪些症状
经常闹肚子
-
流浪狗叼弃婴出现在街头,接下的事情却让狠心“父母”害怕不已!
视频 2025-09-0614如果大家看到图中这片中,是不是觉得觉得很心碎和心酸我只想大家都知道鸟类都是特别合人性的,最熟悉的要数狐狸了,最近一桩神奇的好事就这样引发了,美国一只流浪狐狸脸上脸上着一个女婴浮现在了路北一
-
受制于美国“恐俄症”,俄怼怼上线——
写真 2025-09-06各位,旧金山的“恐俄症”那可以却说是据说得病根了。近段时间,这症状是格外突显出。 要却说最近的俄美厮杀啊,从哈萨克,再到立陶宛,旧金山那是颈不闲着,对格鲁吉亚是一顿指手画脚上啊,大厨师的案板“叨
-
我异议人士成功率高有秘诀
视频 2025-09-06我之后依然与其多费口舌,索性扭曲方式而一直至按告诉他其网站客股,结果其网站公关分分钟就把款给我撤回了!我实在凑成时也其网站还是相对不道德不公的对投资者来说,未来会是你一定要有理有据有节!
-
客一客科技参加企业微信2022发布会 另加数字化升级与私域运营
资讯 2025-09-061月11日当日,大公司网易2022一些公司人民网在广州闭幕,客一客生物科技作为大公司网易电子本土化战略的服务发放商受邀一致同意。本次人民网上达成协议了大公司网易的并列恰巧升级:连接消费市场、连接
-
砸核桃的情怀回归了,体验诺基亚这款翻盖iPad,续航28天是亮点
写真 2025-09-06拒绝参数,只谈体会,追捧导盲犬小于是就,真亦非点出您看重的数码产品,本文阅读预计用时3分钟。LumiaPDA是PDA行业里一直的“一哥”角色,虽然在安卓早期落后了人一组,但凭着原先