ionic react-native和native开发移动app那个好


ionic react-native和native开发移动app那个好 ? 

移动端开发如何选型?这里介绍一下我眼中的ionic,react-native,native 三种移动端开发选型对比。欢迎你们补充指正



1、 跨平台特性

    ionic : write once, run anywhere ( 一次开发,随处运行,学习成本低 会html css js就能够学会)

不涉及到系统级的开发的话, 确实是一次开发 到处运行,若是涉及到系统级API调用以及项目配置(如 ios plist文件)则须要本身手动编写cordova插件的方式达到效果(如:注册文件的打开方式),固然,网上也有可能找到能够安装的现成插件。  会html css js就能够学会 学习成本低

    react-native :Learn once, write anywhere ( 一次学习,随处开发)

不涉及到与native混编的话, 统一js 进行开发 使用jsx 语法 确实能作到各端开发,可是须要针对iOS 和 android 开发两套代码。

    native :使用原生java objective-c 开发, 各玩各的,没法跨平台。


2、开发方式


    ionic :html + angularjs + css

使用 html + angularjs 与网页开发相似,代码只须要写一次,就能够达到跨平台效果,系统级的调用由cordova插件解决,封装得至关好,简单易用,特殊状况的本身动手编写插件比较难,通常没有须要手动编写代码插件的状况,网上有比较多的插件可供下载安装,可用flexbox布局。   调用方便(好比:要用摄像头插件,只须要cordova plugin add camera,而后就能够用js调用原生摄像头)

    react-native :js + css


普通UI全程js开发,部分状况下须要使用与native混合的方式,没有统一的UI组件,ios组件较多,android组件较少,各自编写js文件的状况较多,简单空间和逻辑层可共用,基本上iOS和android是两套代码,可用flexbox布局。

    native :java + oc|swift   
iOS android 不一样语言开发 以及适配。


3、功能支持


    ionic :编写cordova插件,则能达到所有支持    原生能完成的功能  ionic结合cordova均可以实现

UI交互 由Web实现,系统级的交互 由 cordova实现,目前 文件上传下载,url跳转以及文件打开方式 均已作验证可实现,cordova对系统级调用的支持比较好,涵盖了大部分系统功能,如摄像头,设备信息,电池,网络等,不排除潜在不支持的问题。

    react-native :与native 混编 可达到所有支持

android高级组件可能须要本身实现,系统级的功能可经过安装第三方插件或者与native混编的方式实现 ,基本上功能能彻底实现


   native :所有支持  彻底能实现


4、性能对比

    ionic :
虽然性能一直是html5在移动端的最大问题,可是ionic已经作得很是出色了,在ios上基本上没法区分是不是原生app


android 经过优化基本看不出和原生差异


ionic使用ionic-native-transitions   调用原生专场基本看不出和原生区别  (适合android ios)

android 2G内存以上的手机看不出和原生差异,性能接近原生。

android 低配置的手机添加 crosswalk 插件之后 体验较好,可是app打包偏大。程序运行内存占用较大(网络数据对比同款产品,内存占用100+M)



    react-native :基本接近原生性能

    js 到 native 须要通过两层桥接,性能与原生差异不大(网络数据对比同款产品,内存占用50 M)

    native:开发者水平很重要    性能最好 (网络数据对比同款产品,内存占用30 +M)


总结:开发水平很重要,html开发的app可能比原生的更快。主要还看开发人员的水平以及会不会优化


 



5、优劣对比

    ionic :


    优点:

        ios 和 android 基本上能够共用代码,纯web思惟,开发速度快,简单方便,一次编码,处处运行,若是熟悉web开发,则开发难度较低。
        文档很全,系统级支持封装较好,全部UI组件都是有html模拟,能够统一使用。

        可实如今线更新 容许加载动态加载web js

        文档多,开发者多,视频教程多 容易学习    遇到问题容易解决  技术成熟



    劣势:

       占用内存高一些(不过手机内存都大了不影响),不适合作游戏类型app,   web技术没法解决一切问题,对于比较耗性能的地方没法利用native的思惟实现优点互补,如高体验的交互,动画等。


    react-native :


    优点:

    一、虽然不能作到一处编码处处运行,可是基本上即便是两套代码,也是相同的jsx语法,使用js进行开发。用户体验,高于html,开发效率较高 二、flexbox 布局 听说比native的自适应布局更加简单高效
        可实如今线更新 2015.7.28 AppStore审核政策调整:容许运行于JavascriptCore的动态加载代码
        更贴近原生开发

    劣势:

    一、(引)对开发人员要求较高,不是懂点web技术就行的,当官方封装的控件、api没法知足需求时 就必然须要懂一些native的东西去扩展,扩展性仍然远远不如web,也远远不如直接写Native code。
 二、(引)官方说得很隐晦:learn once, write anywhere。人家可没说run anywhere。事实上,从官方的api来看SliderIOS,SwitchIOS..等等这些控件,以后势必会出现SliderAndroid,SwitchAndroid...,也就是极可能针对不一样的平台会须要写多套代码。
 三、发展还不成熟,目前不少ui组件只有ios的实现,android的须要本身实现。
        (引)从Native到Web,要作不少概念转换,势必形成双方都要妥协。好比web要用一套CSS的阉割版,Native经过css-layout拿到最终样式再转换成native原生的表达方式(好比iOS的Constraint\origin\Center等属性),再好比动画。另外,若Android和iOS都要作相同的封装,概念转换就更复杂 五、文档还不够完整 学习曲线偏高
4.文档少  学习起来困难


    native :

    优点:
        最好的体验以及功能实现。
        完善成熟的开发文档以及demo。

    劣势:        android开发学习曲线较高。        各个平台分开开发 很难有iOS,android双平台高手。        开发成本高
相关文章
相关标签/搜索