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

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

一、 跨平台特性

    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 开发, 各玩各的,无法跨平台。


二、开发方式

    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 不同语言开发 以及适配。

三、功能支持

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

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

    react-native :与native 混编 可达到全部支持

android高级组件可能需要自己实现,系统级的功能可通过安装第三方插件或者与native混编的方式实现 ,基本上功能能完全实现

   native :全部支持  完全能实现

四、性能对比

    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可能比原生的更快。主要还看开发人员的水平以及会不会优化


五、优劣对比

    ionic :

    优势:

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

可实现在线更新 允许加载动态加载web js

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

    劣势:

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


    react-native :

    优势:

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

    劣势:

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

   native :

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

    劣势:
        android开发学习曲线较高。
        各个平台分开开发 很难有iOS,android双平台高手。

开发成本高

转载于:https://www.cnblogs.com/kenshinobiy/p/5368226.html

ionic react-native和native开发移动app到底那个好相关推荐

  1. 如何评估开发一个App到底多少费用

    开发一个app到底需要多少钱?这是很多创业者最关心的事情,创业者很多人都经历了不同的坑,为了一个app投入几十万到几百万,最后就剩下眼泪和教训. [如何评估费用] 其实评估开发一个app到底需要多少费 ...

  2. 「app开发价格」开发一个app到底需要多少钱

    1.一种是使用现成的模板进行修改:使用模板工作量较小,如果是一款功能简单,客户要求不太高的APP,只需要让美工对前台的页面进行一定程度的修改,最短一两天就能完成,费用最低2000元至3000元. 2. ...

  3. 开发一个App到底成本多大?

    评估创业中的成本是很重要的.对于无比怀念的过去的2013年,无数的移动互联网者都以为做一个APP就能实现移动互联网之梦,但是显然这个认识并不正确,下面就分享一篇文章关于移动APP的成本估量,看看做一个 ...

  4. 混合App开发,HBuilder开发移动App

    使用HBuilder开发混合App: Hbuilder:是一个在线打包工具,不需要在本地配置开发环境:直接将做好的网站,通过一些简单的操作,就能在线打包为一个App: 混合APP开发常见技术:Html ...

  5. React Native – 使用 JavaScript 开发原生应用

    前不久,Facebook 在F8开发者大会上正式开源了 React Native 项目.不过目前只有 iOS 版,Android 版还需要再等一段时间,这是最新的用 JavaScript 语言开发原生 ...

  6. (一)移动App开发——Native App-原生开发Web App-网页开发Hybrid App-混合开发网页打包成App四方式-Cordova-APPCan-DCloud-API Cloud

    移动 App 开发 Native App-原生开发 开发技术 原生的 Android 平台 原生的 iOS 平台 JavaScript bridge 用于原生应用中的 Web 和原生平台进行交互. h ...

  7. native react 电子书_React Native移动开发实战 (袁林著) 带目录完整pdf[146MB]

    本书以实战开发为主旨,以React Native应用开发为主线,以iOS和Android双平台开发为副线,通过完整的电商类App项目案例,详细地介绍了React Native应用开发所涉及的知识,让读 ...

  8. 一个使用react native实现的短视频APP

    黄豆仔短视频APP 一个使用react native实现的短视频APP.该项目是我没事搞着玩,用react native 写的.用了很多的库同时也修改了几个库: react-native-card-s ...

  9. 用ionic快速开发hybird App(已附源码,在下面+总结见解)

    用ionic快速开发hybird App(已附源码,在下面+总结见解) 1.ionic简介 ionic 是用于敏捷开发APP的解决方案.核心思路是:利用成熟的前端开发技术,来写UI和业务逻辑.也就是说 ...

最新文章

  1. cannot find package “github.com/json-iterator/go“cannot find package “github.com/modern-go/reflect2“
  2. 【ios开发/Xcode】使用UITableView完成学生信息及成绩的显示
  3. 基于http协议的api接口对于客户端的身份认证方式以及安全措施
  4. 软件测试用例_通用测试用例执行软件
  5. Centos 安装Eclipse报错java.lang.UnsatisfiedLinkError: Could not load SWT library
  6. JAVA异步爬虫_Java 爬虫遇上数据异步加载,试试这两种办法!
  7. linux命令cat过滤注释行和空白行
  8. arm和thumb指令模式
  9. 父窗体与子窗体之间的调用-使用模态窗体之间传递多个值
  10. 64位 centos 服务器 编译安装 gcc-4.6.2 和 codeviz
  11. 高中计算机评课,高二信息技术评课记录
  12. 前端FISH框架学习笔记
  13. 如何通过Excel文件批量生成PDF417二维码
  14. 汽车主要电子控制系统模块
  15. php获取汉字的首字母,php获取汉字拼音首字母的函数(真正可以使用的)
  16. 手把手教你做一个APP应用(含源码)
  17. 构建初级前端页面重构开发环境
  18. 010-WebBuilder-编写可复用模块+阶段实战效果与代码
  19. Alice In Wonderland notes
  20. 智能家居Homekit解决方案

热门文章

  1. XML PUBLISHER的一些技巧
  2. KMP算法的实现以及改进
  3. WinAPI: SetWindowPos - 改变窗口的位置与状态
  4. python UnboundLocalError: local variable 'log_f' referenced before assignment 错误
  5. 两步实现 mysql 远程连接
  6. VB.Net实现Web Service的基础
  7. [diary]一下子更新了这么多
  8. Linux 小知识翻译 - 「架构」(arch)
  9. IBM整合管理服务:云时代驱动IT服务创新
  10. C++中string查找和取子串和整形转化