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