如何在 Android Studio 中的 Android 仿真器（或物理設備）上運行 react-native 應用程序？

Question

我正在嘗試在 Android Studio 模擬器或我的物理設備上運行我的 react 本機應用程序。 我已按照 React Native CLI 快速入門選項卡下https://reactnative.dev/docs/environment-setup的說明進行操作，並從該頁面初始化了“AwesomeProject”應用程序，但我發現說明不清楚。 例如，它說在命令行上執行以下操作： npx react-native start啟動某種進程。 然后它說輸入： npx react-native run-android ，但是命令行被前面的進程阻止了。 如果我在另一個命令提示符下嘗試后者，或者沒有先運行前一個命令，我會收到錯誤Unrecognized command "run-android" 。 我應該說在做這一切之前我有一個從 Android Studio 運行的模擬器。

所以無法通過 react-native CLI 運行它，我如何讓它從 Android Studio 中運行？ 我之前從未使用過Android Studio，所以我不知道這個過程是什么。 谷歌搜索也沒有幫助。 但正如我所說，我已經成功安裝並運行了一個模擬器。

通過 react-native CLI 或 Android Studio 中的任何幫助將不勝感激。

編輯：我找到了如何在 Studio 中運行我的應用程序，但它會彈出一個“編輯配置”對話框並說沒有選擇模塊。 但是在模塊下拉框中沒有 select。

Answer 1

您可以嘗試按照以下步驟操作：

確保在系統中設置了 2 個環境變量。

1. ADB變量設置為系統中“平台工具”的路徑，如下所示：

2. ANDROID_HOME變量設置為 SDK 路徑，其中安裝了 android。

現在在命令提示符下執行以下命令並啟動模擬器或連接在此之前已打開開發設置的手機：

1. 以管理員模式打開命令提示符。
2. 刪除 node_modules 文件夾
3. 執行： npm install
4. 執行： npm install -g react-native && npm install -g @react-native-community/cli
5. 執行： npx react-native init
6. Go 到 react-native 項目中的 android 文件夾並執行：npx npx gradlew clean
7. 返回主文件夾並執行： adb reverse tcp:8083 tcp:8083 。 （您需要通過執行adb devices檢查已連接設備的狀態。它會顯示已連接的設備。）
8. 您還需要確保您的 index.bundle 已創建。 如果不是，您可以通過執行創建它： npx react-native bundle --platform android --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --dev false --reset-cache --assets-dest android/app/src/main/res/
9. 最后執行： npx react-native run-android --port=8083