如何在 Android 手機上運行 React Native 應用程序

Question

我正在構建 React Native 應用程序。

當我使用“react-native run-android”在 Mac 上的終端中啟動應用程序時，它運行良好。

但是當我拿到 apk 文件並手動安裝到另一個安卓設備上時，它不起作用。

它看起來像這樣。

Answer 1

如果通過電纜連接，請執行以下操作：

1.轉到>設置>關於設備

2. 然后是軟件信息

3.然后>內部版本號

4. 現在在版本號上多次點擊（單擊）以啟用開發人員選項

5. 在這里，您的設置中不會顯示開發人員選項

6.現在進入開發人員選項並啟用USB調試模式。

7. 打開你的終端

在 Windows 上打開Android SDK Manger > Platform Tools

類型：

$ adb devices

這將顯示您計算機上的設備和模擬器/虛擬設備。

8. 從您的設備轉發請求

類型：

$ adb reverse tcp:8081 tcp:8081

9.運行它

類型：

$ npm run android

該應用程序應出現在您的設備上

Answer 2

看起來您的 APK 中的源代碼正在尋找包服務器。

閱讀有關如何為 react-native 構建 APK 的文章： React-Native - Generating Signed APK

如果您的設備通過電纜連接：

• 如果您在連接到同一台機器的物理設備上，請運行“adb reverse tcp:8081 tcp:8081”以轉發來自您設備的請求

否則，您仍然可以按照錯誤中的最后一點通過 Wifi 執行此操作：

• 如果您的設備在同一個 Wi-Fi 網絡上，請在“開發設置”中將“設備調試服務器主機和端口”設置為您機器的 IP 地址和本地開發服務器的端口 - 例如 10.0.1.1:8081

Answer 3

請找到以下步驟以在物理移動設備上運行 react-native 代碼：-

1. 請確保您在同一個 wifi 網絡（手機和筆記本電腦）上。
2. 運行您的代碼並通過 Android Studio 將其安裝在移動設備上。
3. 該應用程序將安裝並要求您更改“開發設置”。
4. 搖晃你的手機，進入“開發設置”，輸入你機器的IP地址(192.16.XX.XXX:8081)。
5. 關閉應用程序並再次打開，在終端中你會看到這樣

6. 稍等片刻，應用程序將安裝並反映更改。

Answer 4

獲取所有設備的列表：

adb devices

然后設置要在哪個設備上運行：

adb -s <device name> reverse tcp:8081 tcp:8081

然后部署應用程序：

react-native run-android

Answer 5

如果您在生成 android 項目文件后升級了 react-native 版本，您現在可能想要重新生成這些文件。 我認為您可以使用react-native upgrade 。

Answer 6

在 Android 上運行 React Native 應用程序需要以下內容：

Android Studio Android SDK JDK 8（此處為 macOS 和此處為 Windows 的安裝說明）

答案來源： 制作應用

我們可以通過在終端中運行以下代碼在 Android 平台上運行 React Native 應用程序。

react-native run-android 在您可以在 Android 設備上運行您的應用程序之前，您需要在開發人員選項中啟用 USB 調試。

如果您收到“網橋配置不可用”錯誤。 然后使用下面的命令來解決 adb -s tcp:8081 tcp:8081

現在使用重新運行應用程序

react-native run-android

在物理設備上更正網絡的命令應該是： adb -s reverse tcp:8081 tcp:8081

啟用 USB 調試后，您可以插入設備並運行上面給出的代碼片段。

配置您的應用程序以通過 Wi-Fi 連接到本地開發服務器

• 確保您的筆記本電腦和手機在同一個 Wi-Fi 網絡中。
• 在您的設備上打開您的 React Native 應用程序。 你也可以這樣做
• 你打開任何其他應用程序的方式。 您會看到一個帶有錯誤的紅色屏幕。
• 還行吧。 以下步驟將解決該問題。 打開開發者
• 轉到開發設置。 轉到設備的調試服務器主機。 輸入您機器的 IP 地址和本地開發服務器的端口（例如 10.0.1.1:8081）。
• 在 Mac 上，您可以在系統偏好設置/網絡中找到 IP 地址。 在 Windows 上，打開命令提示符並鍵入 ipconfig 以查找您機器的 IP 地址（更多信息）。
• 返回開發人員菜單並選擇重新加載 JS。

本機 Android 模擬器很慢。 我們建議下載 Genymotion 來測試您的應用程序。

可以通過按 command + M 訪問開發人員菜單。