Windows 安裝程式

注意:你無法在 Windows 上為 iOS 開發 react-native 應用程式,只能在本機安卓應用程式中進行反應。

可以在此處找到 Windows 上的 react-native 官方設定文件。如果你需要更多詳細資訊,請在此處提供詳細指南

工具/環境

  • Windows 10
  • 命令列工具(例如 Powershell 或 Windows 命令列)
  • Chocolatey通過 PowerShell 設定的步驟
  • JDK(版本 8)
  • Android Studio
  • 為 HAXM 啟用虛擬化技術的 Intel 計算機(可選,僅在你要使用模擬器時才需要)

1)設定你的機器以進行本機開發

以管理員身份啟動命令列執行以下命令:

choco install nodejs.install
choco install python2

以管理員身份重新啟動命令列,以便執行 npm

npm install -g react-native-cli

在執行最後一個命令後,複製了安裝了 react-native 的目錄。對於第 4 步,你將需要這個。我在兩臺計算機上嘗試過這種情況,例如:C:\Program Files (x86)\Nodist\v-x64\6.2.2。在另一個是:C:\Users\admin\AppData\Roaming\npm

2)設定環境變數

有關影象的分步指南可在此處找到。

通過導航到以下命令開啟環境變數視窗:

[右鍵單擊]開始選單 - >系統 - >高階系統設定 - >環境變數

在底部找到 Path 系統變數,並在步驟 1 中新增 react-native 的安裝位置。

如果你還沒有新增 ANDROID_HOME 環境變數,那麼你也必須在此處執行此操作。仍然在環境變數視窗中,新增一個名為“ANDROID_HOME”的新系統變數,並將值作為 android sdk 的路徑。

然後以管理員身份重新啟動命令列,以便在其中執行 react-native 命令。

3)建立專案在命令列中,導航到要放置專案的資料夾並執行以下命令:

react-native init ProjectName

4)執行專案從 android studio 啟動模擬器在命令列中導航到專案的根目錄並執行它:

cd ProjectName
react-native run-android

你可能會遇到依賴性問題。例如,可能存在錯誤,即你沒有正確的構建工具版本。要解決此問題,你必須在 Android Studio 中開啟 sdk 管理器並從那裡下載構建工具。

恭喜!

要重新整理 ui,你可以在模擬器中執行應用程式兩次按 r 鍵。要檢視開發人員選項,你可以按 ctrl + m