Android Studio 運行 React Native 開發手機App 起步和踩坑

1、參考教程，搭建環境

教程地址：http://reactnative.cn/docs/0.48/getting-started.html

參考視頻教程，有如下幾點不一樣：
（視頻教程地址：https://ke.qq.com/webcourse/index.html#course_id=197101&term_id=100233637&taid=1220874518856173&vid=d1417tgg1ez）
1. Chocolatey 不須要安裝。
2. 跳過個性化設置，直接打開歡迎界面的配置 Configure -> SDK Manager （也可隨後在軟件界面的 File -> Settings 中打開）。
只需勾選安裝如下三個選項便可。

 

2、使用模擬器調試及報錯

一、Your CPU do not support NX. Unfortunately, your computer does not support hardware accelerated virtualization.
在 Android Studio 上啓動模擬器，一直處於啓動狀態。

【解決方法】
新增模擬器時，選擇 Other Images，而且選擇 ABI 爲 arm 的（64位系統必須爲 arm64）
 

 

二、Unable to load script from assets 'index.android.bundel'. Makve sure your bundel is packaged corredtly or you're running a packager server.

【其餘解決方案】

一、(in project directory) mkdir android/app/src/main/assets
二、react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
三、react-native run-android
https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows
確保如下路徑中有這兩個文件便可：

 

三、Excecution failde fro task ':app:complieDebugJavaWithJavac'.Could not find tools.jar.

【緣由】
在安裝java包時，會遇到兩次路徑選擇，第一次時選擇jdk的路徑，第二次是選擇jre的路徑，若是所選擇的jdk安裝路徑和jre的安裝路徑相同，那麼jre包中的內容會覆蓋掉jdk中的內容，因此，在你安裝完成以後，會發現找不到tools.jar和dt.jar包。

【解決方案】
在安裝的過程當中，jdk和jre要安裝在不一樣的文件下，好比jdk安裝在「d:/java/jdk"下面，jre安裝在「d:/java/jre"下面。

 

四、could not connect to development server

 【解決方案】
在模擬器中按 Ctrl+M ，打開調試工具(Dev Settings)，點擊 Debug server host & port for device，設置爲 localhost:8081。 
本身新建的項目經過上述方法解決了，可是另外個公司裏開發的項目仍是沒解決，一直卡這裏了。

 五、Command `yarn add react-native --exact` failed.

從新註冊鏡像地址

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

 

六、Application xxx has not been registered

【解決方案】
莫名其妙好了……

 

七、Process system isn't responding, Close app or Wait ? 點擊兩個按鈕都沒反應。

 【解決方案】

在 Android Studio 中打開項目中的 Android 文件夾，等待幾分鐘的編譯過程後，若提示更新 gradle 插件，則當即更新，而後點擊運行，選擇相應的模擬器。
模擬器打開後，也會出現這個畫面，可是點擊 Close app 後就能運行程序，正常使用了。

悲劇是的，後來再次打開，又出現這個狀況。
網上看到有人解釋說：「這個問題在模擬器上比較常見，意思是system這個進程沒有響應，通常是由於模擬器運行速度太慢，致使系統不能啓動。建議換個好點的電腦。」
仍是棄用模擬器，轉用真機吧……

 

  八、Module HMRClient is not a registerd callable module

【解決方案】

在Dev Setting裏面設置正確的IP。
參考文章：http://www.jianshu.com/p/fbcce5159d77

問題是我不知道正確的IP到底該設什麼！

做者：gzfgeh
連接：http://www.jianshu.com/p/fbcce5159d77
來源：簡書
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。

 

Tips：

一、建立指定版本的 React-Native 工程

react-native init MyApp --version 0.44.3  （注意版本號必須精確到兩個小數點。）

二、修改App名稱

通常Android在打包的時候，若是沒通過修改，那麼應用顯示的名稱就是咱們在react-native init時設定的名稱，那麼，如何修改呢？
step1：咱們打開項目的android/app/src/main/AndroidManifest.xml文件能夠看到名稱的設定：

這說明app的顯示名稱在@string/app_name中進行了設定。

step2：那咱們直接繼續打開android/app/src/main/res/values/strings.xml，便可看到配置中的app_name，修改成你想要的便可，如：

 

三、修改模擬器調試服務地址和端口，及如何同時運行多個React Native項目

http://blog.csdn.net/fengyuzhengfan/article/details/77389953

四、優化 Android Studio 

http://bbs.itheima.com/thread-204217-1-1.html 

申請大內存

installation path\studio64.exe.vmoptions or studio.exe.vmoptions

使用文本編輯器打開，找到起始兩行，以下

-Xms128m
-Xmx750m

修改最小值和最大值，建議爲

-Xms256m
-Xmx2048m

 

 

3、使用安卓真機調試及報錯

 

（一）配置步驟：

參考：http://reactnative.cn/docs/0.50/running-on-device-android.html

配置運行：

一、打開ANDOID_HOME 的環境變量的文件夾下的 /android/sdk/platform-tools 文件夾，在此目錄下運行命令 adb reverse tcp:8081 tcp:8081

二、設置手機：開發人員選項 - USB調試 - 勾選

三、將手機經過USB鏈接上電腦，在電腦上運行命令 adb devices，查看是否已連上。

四、打開項目，運行 react-native run-android 便可在手機安裝並打開app（運行方法一 推薦）。

 運行方法二：

一、在 Android Studio 中打開項目中的 Android 文件夾，等待幾分鐘的編譯過程後，若提示更新 gradle 插件，則當即更新。

二、點擊運行，在 Select Deployment Target 對話框中選擇相應的設備，便可在真機上操做。

 

 

（二）報錯及解決方案

一、Android Studio 鏈接 Android 真機，找不到設備 

 【解決方案】

1.手機連上電腦之後，自動鏈接手機助手，致使adb被佔用，以致於AS沒法檢測到設備，只要把該手機助手的進程關閉就行了。 
2.當發現adb工具沒法使用或出現異常時，能夠考慮輸入如下命令，從新對adb服務關閉和重啓：

adb kill-server
adb start-server

Tips：列出當前與電腦鏈接的設備：

adb devices

 3.其餘解決方案參考 https://www.zhihu.com/question/30588024

 

二、Device supports， but APK only supports armeabi-v7a, x86

【解決方案】

一、重啓 Android Studio 

二、項目的 android -> app 文件夾中的 build.gradle 文件，刪除如下配置

ndk {
    abiFilters "armeabi", "armeabi-v7a", "x86"
}

參考文章：https://stackoverflow.com/questions/41775988/what-is-the-reason-for-the-error-device-supports-x86-but-apk-only-supports-arm

 

三、Could not connect to development server

【解決方案】

點擊菜單或者搖一搖手機，點擊Dev Settings後，點擊Debug server host & port for device，設置爲localhost:8081。