天天看點

react native 開發的app在安卓裝置上運作

前提條件:USB調試

你需要開啟USB調試才能在你的裝置上安裝你的APP。首先,确定你已經打開裝置的USB調試開關

確定你的裝置已經成功連接配接。可以輸入adb devices來檢視:

$ adb devices
List of devices attached
emulator-5554 offline   # Google模拟器
14ed2fcc device         # 真實裝置
           

在右邊那列看到device說明你的裝置已經被正确連接配接了。注意,你隻應當連接配接僅僅一個裝置。

譯注:如果你連接配接了多個裝置(包含模拟器在内),後續的一些操作可能會失敗。拔掉不需要的裝置,或者關掉模拟器,確定adb devices的輸出隻有一個是連接配接狀态。

現在你可以運作react-native run-android來在裝置上安裝并啟動應用了。

譯注:在真機上運作時可能會遇到白屏的情況,請找到并開啟懸浮窗權限。比如miui系統的設定在此處。

從裝置上通路開發伺服器。#

在啟用開發伺服器的情況下,你可以快速的疊代修改應用,然後在裝置上檢視結果。按照下面描述的任意一種方法來使你的運作在電腦上的開發伺服器可以從裝置上通路到。

注意

大部分現代的安卓裝置已經沒有了硬體"Menu"按鍵,這是我們用來調出開發者菜單的。在這種情況下你可以通過搖晃裝置來打開開發者菜單(重新加載、調試,等等……)

(Android 5.0及以上)使用adb reverse指令#

注意,這個選項隻能在5.0以上版本(API 21+)的安卓裝置上使用。

首先把你的裝置通過USB資料線連接配接到電腦上,并開啟USB調試(關于如何開啟USB調試,參見上面的章節)。

  1. 運作adb reverse tcp:8081 tcp:8081
  2. 不需要更多配置,你就可以使用Reload JS和其它的開發選項了。

(Android 5.0以下)通過Wi-Fi連接配接你的本地開發伺服器#

  1. 首先確定你的電腦和手機裝置在同一個Wi-Fi環境下。
  2. 在裝置上運作你的React Native應用。和打開其它App一樣操作。
  3. 你應該會看到一個“紅屏”錯誤提示。這是正常的,下面的步驟會解決這個報錯。
  4. 搖晃裝置,或者運作adb shell input keyevent 82,可以打開開發者菜單。
  5. 點選進入Dev Settings。
  6. 點選Debug server host for device。
  7. 輸入你電腦的IP位址和端口号(譬如10.0.1.1:8081)。在Mac上,你可以在系統設定/網絡裡找查詢你的IP位址。在Windows上,打開指令提示符并輸入ipconfig來查詢你的IP位址。在Linux上你可以在終端中輸入ifconfig來查詢你的IP位址。
  8. 回到開發者菜單然後選擇Reload JS。