基于移動端Reactive Native輪播組件的應用與開發(fā)詳解

總結下這段時間學習reactive native的一些東西,我們來認識一下,被炒得這么火的rn,究竟是個什么東西,以及如何去搭建自己的demo。

reactive  native是什么

由facebook開發(fā)的一種應用框架,可以用react開發(fā)原生應用的框架。簡單來說就是可以通過js和react來開發(fā)的一種框架。

react是什么

一套js的框架,也是facebook開源。特點:jsx語法(類似XML),組件化模式,virtual DOM,單向數(shù)據(jù)流。

基本模式:每個react應用可視為組件的組合,而每個react組件由屬性和狀態(tài)來配置,當狀態(tài)發(fā)生變化更新ui,組件的結構是由虛擬的dom來維護。

react  native的應用實例

react native的模式

*跨端應用開發(fā)(ios,安卓,web) ,基于react的組件化,具備web的發(fā)布能力和原生應用的性能。

優(yōu)點:開發(fā)效率高,迭代周期短 ; 復用性(對一些組件進行復用封裝)熱部署 ; 采用web的方式來開發(fā)native的應用

react  native的環(huán)境搭建

這里,我還是遇到不少問題,大概寫下安裝過程,官網(wǎng)上大部分寫的比較清楚。地址:http://reactnative.cn/docs/0.31/getting-started.html#content ,以下為安卓模擬器使用。

1:安裝node  

2:執(zhí)行react native命令行

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

4:安裝bluestacks模擬器(首推) 下載地址:http://www.bluestacks.cn/   

運行項目

當你所有的環(huán)境都搭建好后,在項目目錄下,打開命令指示符,輸入命令:

網(wǎng)友評論