初識React Native 入門配置篇
這篇博文記錄了我第一次接觸React Native的心酸歷程，在此記錄下來，以便以后查閱，也希望給別的朋友一些幫助。
廢話不多說，不知道React Native是什么東西的朋友，請自行google，下面開始正文。
由于我使用的是Mac 所以這里只針對 OS X系統。
要使用React Native 我們需要安裝以下工具：
1，homebrew
安裝方法：
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
在終端執行以上命令，等待安裝完成。
2，安裝node
在終端執行：brew install node （注意，這里安裝的node 只適合React Native開發，并不包含node.js的Web開發功能）
3，第二步完成后 我們需要安裝watchman
在終端執行：brew install watchman
以上步驟均完成以后 下面我們就要開始配置IOS和Android的開發環境了，由于我是Android開發 所以系統已經配置了ANDROID_HOME環境變量，還需要安裝Android sdk，都配置完成以后 就可以執行下面的操作
安裝 react-native-cli,由于我們要從npm官網下載文件 所以需要安全上網法，或者是將npm的倉庫源替換為國內鏡像
執行
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
然后再執行npm install -g react-native-cli 進行安裝，完成以后 我們就可以初始化第一個HelloWorld程序了
執行命令：react-native init HelloWord
這里時間會比較長，你懂得。等待完成以后 在/Users/x你的用戶名/ 目錄下會有一個HelloWorld文件夾打開以后如下圖
這就是我們的項目文件了，其中index.android.js是Android平臺的程序入口文件index.ios.js當然就是ios平臺的入口文件了。
接下來就是要將項目跑起來了，我是用的真機，將手機連接電腦usb，開啟手機的開發者模式，然后進入到HelloWorld這個目錄，執行react-native run-android命令，第一次運行可能會提示找不到Android sdk 目錄，根據提示 在HelloWorld/android 目錄中新建一個文件 名稱為local.properties 的文件，在里面寫上 sdk.dir=/xxx/xxx/sdk(這后面是你的sdk目錄)，我第一次運行是這樣解決的，然后我把項目刪除再新建項目后運行就好了，不清楚是為什么。
第二個問題就是權限不足，這個問題 比較簡單 執行sudo chmod -R 777 /xxx 你的項目目錄
然后再次部署項目到設備 基本成功，但是在手機上運行出來是一片空白，什么都沒有顯示，心里又是一頓抓狂，最后找到原因，是由于項目安裝到手機后沒有給顯示懸浮窗的權限，在手機設置里給添加上這個權限就OK了，再次運行，屏幕一片紅，下方出現了“Reload JS”的按鈕， 顯示異常 ReferenceError:Can't find variable:_fbBatchedBridge，看到這個不要驚慌，使勁搖晃手機 在出來的菜單里選擇“Dev Settings”，然后點擊最下面的“Debug server host & port for device“，然后填入你電腦的ip:8081必須是你的手機和你的電腦在同一個局域網內才可以。設置完成以后再重啟應用 你就可以看到Reac Native的歡迎界面了，就是index.android.js頁面的內容。
好了，這里給大家推薦一下http://reactnative.cn/
這里有很多關于React Native 的技術資料 大家可以多多學習。