基于移动端Reactive Native轮播组件的应用与开发详解

总结下这段时间学习reactive native的一些东西,我们来认识一下,被炒得这么火的rn,究竟是个什么东西,以及如何去搭建自己的demo。

reactive  native是什么

由facebook开发的一种应用框架,可以用react开发原生应用的框架。简单来说就是可以通过js和react来开发的一种框架。

react是什么

一套js的框架,也是facebook开源。特点:jsx语法(类似XML),组件化模式,virtual DOM,单向数据流。

基本模式:每个react应用可视为组件的组合,而每个react组件由属性和状态来配置,当状态发生变化更新ui,组件的结构是由虚拟的dom来维护。

react  native的应用实例

react native的模式

*跨端应用开发(ios,安卓,web) ,基于react的组件化,具备web的发布能力和原生应用的性能。

优点:开发效率高,迭代周期短 ; 复用性(对一些组件进行复用封装)热部署 ; 采用web的方式来开发native的应用

react  native的环境搭建

这里,我还是遇到不少问题,大概写下安装过程,官网上大部分写的比较清楚。地址:http://reactnative.cn/docs/0.31/getting-started.html#content ,以下为安卓模拟器使用。

1:安装node  

2:执行react native命令行

3:android  studio安装(需要配置sdk)  

4:安装bluestacks模拟器(首推) 下载地址:http://www.bluestacks.cn/   

运行项目

当你所有的环境都搭建好后,在项目目录下,打开命令指示符,输入命令: