在 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