React Native 開發(第一篇)

由於最近在研究Hybrid App的開發,又由於看到一篇文章講到Hybrid 的過程中談到了React Native,雖然之前有知道這個Facebook開源的項目,但是由於之前這個相關剛起步對android的支持不是很好,所有就沒有實際動手開發。今天閒來無事就嘗試來用React Native做一下 Hybrid App的開發。

1.首先是環境的搭建

   由於之前一直是android開發,所以android開發的環境都有,包括虛擬機genymotion,還有就是做過node.Js開發,也裝有nodejs(nodejs版本是要求大於或等於4.0的 如果你本地的node版本舊了話 就去nodejs官網安裝新的)

2.安裝react native

$ npm install -g react-native-cli
以下是新建一個示例項目(自己可以先新建一個文件夾)
$ react-native init AwesomeProject

3.run android項目

  • $ cd AwesomeProject
  • $ react-native run-android
到這裏  如果你的虛擬機或者真機開了 就會看到一個大紅色的錯誤
像這樣


點擊Reload Js
會變成這樣


解決方法:


還是 先cd到項目根目錄
然後 npm start 等一會兒在reload js就行
結果




一個React Native 的項目就OK了


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