Ionic、React-Native、Native优劣势对比

一、基础知识

• IONIC

目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。

• React Native

使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将继续为 React Native 投资。

• Native

就是使用使用原生java objective-c 开发， 各玩各的,无法跨平台。

二、优劣对比

• IONIC ：

** 优势：**

1.ios 和 android 基本上可以共用代码，纯web思维，开发速度快，简单方便，一次编码，到处运行，如果熟悉web开发，则开发难度较低。文档很全，系统级支持封装较好，所有UI组件都是有html模拟，可以统一使用。
2.可实现在线更新 允许加载动态加载web js。   
3.文档多，开发者多，视频教程多 容易学习。   
4.遇到问题容易解决，技术成熟。

** 劣势：**

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

• React-Native ：

** 优势：**

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

** 劣势：**

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

• Native ：

** 优势：**

1.最好的体验以及功能实现。        
2.完善成熟的开发文档以及demo。

** 劣势：**

1.android开发学习曲线较高。        
2.各个平台分开开发 很难有iOS,android双平台高手。        
3.开发成本高  开发周期长。