ReactNative for Android入坑（一）

　　最近找工作發現有些公司要求會ReactNative，決定入坑。

1. 搭建環境：官網詳細的教程附鏈接。

   • 坑一：FQ，建議整個搭建過程中FQ。
     第一步：安裝Chocolatey，管理員運行cmd，輸入指令：
     

     Chocolatey安裝官網指令：@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

     第二步：安裝node.js ,指令：choco install nodejs.install

     第三步：安裝python，指令：choco install python2

     第四步：安裝ReactNative的命令行界面，指令：npm install -g react-native-cli

     以下是AndroidStudio的配置過程，由於我早已配置不再提。

2. 運行第一個程式：官網教程（鏈接同搭建環境）。

   • 坑二：初始化項目，預設cmd的cd的文件夾。
     

     第一步（可忽略）：cmd命令行切換到創建項目的目標文件夾。

     第二步：創建一個名為AwesomeProject的項目：react-native init AwesomeProject
     

     第三步：切入AwesomeProject項目內：cd AwesomeProject

     第四步：運行AwesomeProject程式：react-native run-android
   • 坑三：第四步過程要FQ，下載gradle。
   • 坑四：下載的gradle後，debug.apk可能不能安裝到手機。

     解決方法：我以項目AwesomeProject為例，找到項目AwesomeProject，進入AwesomeProject文件夾，進入android文件夾，找到buidle.gradle，以文本形式打開，找到以下代碼：

     1 dependencies {
     2         classpath 'com.android.tools.build:gradle:1.3.1'
     3 
     4         // NOTE: Do not place your application dependencies here; they belong
     5         // in the individual module build.gradle files
     6     }

     改為：

     1 dependencies {
     2         classpath 'com.android.tools.build:gradle:1.2.3'
     3 
     4         // NOTE: Do not place your application dependencies here; they belong
     5         // in the individual module build.gradle files
     6     }

     再運行第四步。

   •  坑五：安裝成功，紅屏報錯，Could not get BatchedBridge
     

     

     cmd中指令：adb shell input keyevent 82

     彈出的Developer Menu 中選擇：Dev Settings

     Dev Settings中選擇：Debug server host for device

     對話框中填入IP地址和埠：如 10.0.0.1:8081

     返回Developer Menu,選擇Reload JS （我沒有直接返回到Developer Menu只好：adb shell input keyevent 82）
     

     等待應用重啟。

     （程式完成後提示的另外一種進入Developer Menu的方法：搖動手機。我是手機平放，左右晃動，搖出了Menu）

以下申明：

1. 我在Windows下安裝適合Android的環境，以真機測試，另由於各手機，PC具體設置，配置不同僅供參考。
2. 我只介紹自己遇到的情況，不是全部。
3. 建議嘗試前AndroidStudio配置好ANDROID_HOME,ANDROID_SDK_HOME等變數，不然可能應用安裝不到模擬器上。