在 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 版本中运行我们的应用程序。