First try on React Native for Android

React Native 最近釋出了支援 Android 的新版本,所以就來玩看看啦~ (還是只支援 Mac OS X)

但是安裝有點麻煩,不知道為什麼 npm 一直去 git clone git:// 的網址一直被 GitHub 拒絕。

反正就先來裝裝看吧~

首先是安裝 node.js(>= 4.0.0) 跟 npm,有裝過的就可以跳過了,這邊用 nvm 做 node 版本管理:

$ brew update && brew upgrade

$ brew install nvm

$ nvm install node

$ nvm alias default node

$ nvm use node

接下來是 watchman 跟 flow:

$ brew install watchman

$ brew install flow

接著就可以安裝 React Native 了:

$ npm install -g react-native-cli

 

再來我們就可以建立 Project 了,如果這裡遇到 git clone (npm install --save react-native) 的問題的話設定 git 將 git:// 強制換成 https:// :

$ git config --global url."https://".insteadOf git://

再來 init project:

$ react-native init AwesomeProject

 

先確認 Android SDK 已經安裝並將路徑設定於環境變數 ANDROID_HOME,且安裝 v23 SDK (Android M),之後就可以使用一下指令開始 debug:

$ cd AwesomeProject

$ react-native run-android

 

如果你用的是實體裝置的話請讓裝置把 8081 port (React Native 的 Debug port)重定向:

$ adb reverse tcp:8081 tcp:8081

 

如此一來就大功告成啦~

2015-09-16 01.38.16

 

接著要嘗試 Opal Native (rock)

因主題更新,留言功能暫時停用中。