在 React Native 中執行 iOS
我們將介紹如何在 React Native 中執行 iOS 並更改 iOS 的預設模擬器。
在 React Native 中執行 iOS
在對我們已經開發的應用程式進行更改、新增新功能或開發新應用程式時,我們需要檢視我們的程式碼如何顯示結果。React Native 為我們提供了在 CLI 中使用簡單命令執行我們正在開發的應用程式的選項。
我們甚至可以使用這個命令在 Android
或 iOS
上執行我們的 React Native 應用程式。我們甚至可以使用模擬器在不同的 Android 或 iOS 裝置上檢視我們的應用程式。
我們將使用 npm
命令安裝 expo-cli
。
# react native
npm install -g expo-cli
如果你使用 yarn
而不是 npm
,你可以使用以下命令。
# react native
yarn global add expo-cli
現在我們將使用 expo
命令建立一個新的 React Native 專案。
# react native
expo init MyApp
此命令將建立一個新專案 MyApp
。此命令適用於 npm
和 yarn
使用者。我們將進入我們的專案目錄並使用 npm
命令啟動應用程式。
# react native
cd MyApp
npm start
如果你使用的是 yarn
。
# react native
cd MyApp
yarn start
我們也可以通過執行 expo
命令來啟動我們的應用程式。
# react native
cd MyApp
expo start
一旦我們建立了新的 React Native 應用程式,我們甚至可以使用模擬器在任何 Android 或 iOS 版本上執行我們的應用程式,或者連線我們的手機來執行我們的應用程式。但在本教程中,我們將使用模擬器在不同版本的 iOS 裝置上執行我們的應用程式。
我們可以在命令中使用 --simulator
在模擬器中可用的所需 iOS 版本中執行我們的應用程式。
使用以下命令,讓我們在 iPhone 11
上執行我們的應用程式。
# react native
npx react-native run-ios --simulator="iPhone 11"
該命令將在 iPhone 11
上執行我們新建立的 React Native 應用程式。如果我們想檢查模擬器中有哪些裝置可用,我們可以執行以下命令。
# react native
xcrun simctl list devices
我們還可以使用 npm
定義我們的自定義命令。我們將在 package.json
檔案中的 scripts
新增 launch-app
命令。
# react native
"launch-app": "react-native run-ios --simulator \"iPhone 11\""
我們可以使用此命令始終使用 npm
在 iPhone 11
上執行我們的應用程式。
# react native
npm run launch-app
通過這種方式,我們可以使用模擬器和 React Native 中的一些簡單命令輕鬆地在我們想要的任何 iOS 版本中執行我們的應用程式。
Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.
LinkedIn