在 React Native 中執行 iOS

Rana Hasnain Khan 2022年5月18日
在 React Native 中執行 iOS

我們將介紹如何在 React Native 中執行 iOS 並更改 iOS 的預設模擬器。

在 React Native 中執行 iOS

在對我們已經開發的應用程式進行更改、新增新功能或開發新應用程式時,我們需要檢視我們的程式碼如何顯示結果。React Native 為我們提供了在 CLI 中使用簡單命令執行我們正在開發的應用程式的選項。

我們甚至可以使用這個命令在 AndroidiOS 上執行我們的 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。此命令適用於 npmyarn 使用者。我們將進入我們的專案目錄並使用 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\""

我們可以使用此命令始終使用 npmiPhone 11 上執行我們的應用程式。

# react native
npm run launch-app

通過這種方式,我們可以使用模擬器和 React Native 中的一些簡單命令輕鬆地在我們想要的任何 iOS 版本中執行我們的應用程式。

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

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

相關文章 - React Native