Mac React-Native環境搭建及使用

React-Native是 FaceBook的一個開源框架,基於JavaScript來爲安卓和iOS開發跨平臺的移動應用,爲當下移動開發提供了一個很不錯的方案。

React-Native主要特性

一.支持原生組件

1.支持使用標準的平臺組件,例如iOS的UITabBar或安卓的Drawer。 使app獲得平臺一致的視覺效果和體驗,並且獲得最佳的性能和流暢性。 

二.異步執行

1.在Javascript代碼和原生平臺之間的所有操作都是異步執行的,並且原生模塊還可以根據需要創建新的線程。這使React Native開發的app天然具備流暢和反應靈敏的優勢。Javascript和原生代碼之間的通訊是完全可序列化的,這使得開發者可以藉助Chrome開發者工具去調試應用,不管應用運行在模擬器還是真機上

三.觸摸事件的處理

1.React Native實現了一個強大的觸摸事件處理系統,可以在複雜的View層次關係下正確地處理觸摸事件。同時還提供了高度封裝的組件如TouchableHighlight等,可以直接嵌入到ScrollView或者其它的元素中,無需額外配置。

四.彈性盒(Flexbox)和樣式

1.控制view的佈局應當簡單易行。React Native支持多種常見的web樣式,例如fontWeight等。抽象樣式表提供了一個高性能的機制來聲明所有的樣式和佈局,並且可以直接應用到你的組件中。

五.兼容通用標準

1.React Native致力於改進視圖代碼的編寫方式。吸納了web生態系統中的通用標準,並在必要的時候爲這些API提供兼容層。如此一來,npm上的許多庫就可以在React Native中直接使用。這樣的兼容層有XMLHttpRequest, window.requestAnimationFrame, navigator.geolocation等。

六.擴展性

1.使用React Native,無需編寫一行原生代碼即可創造一款不錯的app。儘管如此,使用自定義的原生視圖和模塊來擴展React Native也非常容易 —— 這意味着你現有的所有工作都可以被複用,你喜歡的各種原生庫都可以被導入。

環境搭載及使用

一:必須安裝的軟件

1.Homebrew

Homebrew的安裝前文已經做過介紹,就不在說了;

2.Node.js

打開終端輸入node -v來查看Node.js是否安裝,我的版本是6.6.0



如果沒有可通過brew來安裝輸入brew install node,安裝Node後建議設置npm鏡像

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

二:React Native的命令行工具

1.新建項目 

react-native init 項目名稱

2.進入項目

cd項目名稱

3.運行

react-native run-ios



參考文檔:http://reactnative.cn

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章