Building Projects with Native Code

【Building Projects with Native Code】

一、安裝Node(v4.0以上)、Python二、JDK(v8.0以上)。

　　添加 JAVA_HOME環境變量，指向 JDK 的安裝目錄。

二、安裝 react-native-cli

　　npm install -g react-native-cli

三、安裝 android studio

四、安裝 AndroidSDK  Android 6.0 (Marshmallow) 

　　1）Configure -> SDK Manager -> SDK Platforms Tab，勾選上‘Show Package Details’，安裝 Android6.0目錄下的如下選項：

• Google APIs
• Android SDK Platform 23
• Intel x86 Atom_64 System Image
• Google APIs Intel x86 Atom_64 System Image

　　

　　2）"SDK Tools" tab，勾選上‘Show Package Details’

　　　　選中"Android SDK Build-Tools"目錄下的23.0.1

　　安裝 1）、2）中的內容。

五、添加 ANDROID_HOME 環境變量，指向AndroidSDK。

-----------------------到此Android環境搭建完畢---------------------------------

 六、建立項目

　　react-native init AwesomeProject

七、usb連上Android真機，確保真機上的 usb調試、usb安裝均已開啓，全MIUI優化被關閉。

八、構建並安裝到直機

　　react-native run-android

九、當修改代碼後，經過搖動手機來打開 'Developer Menu'，選擇Reload。

　　

 

　　

提示：若是你修改了native 代碼或修改了Images.xcassets、res/drawable中的文件，從新加載js是不行的，這時你須要從新編譯你的項目了。

十、Enable Live Reload

　　當 ctrl+s時，若是js代碼有改動，自動將最新代碼推送到手機上。Enable Live Reload須要每次都返回到啓動頁面。

十一、Hot Reloading

　　當 ctrl+s時，若是js代碼有改動，自動將最新代碼推送到手機上。Enable Live Reload則會在保持你的程序狀態的狀況下，就能夠將最新的代碼部署到設備上。

十二、console

參考：

一、https://facebook.github.io/react-native/docs/getting-started.html

二、http://blog.csdn.net/fengyuzhengfan/article/details/52106496