React Native - 运行 IOS

React Native 是一个用于构建原生应用程序的 JavaScript 框架。它允许开发人员使用 JavaScript 和 React 构建本地 iOS、Android 和 Web 应用程序，而无需学习多种语言和平台。

本文将介绍如何在您的本地计算机上设置和运行 React Native 应用程序，并在 iOS 设备上运行您的应用程序。

环境搭建

在开始之前，您需要确保您的计算机上安装了以下软件：

• Xcode（仅限 MacOS 用户）
• Homebrew
• Node.js
• Watchman

对于 macOS 用户，您可以使用以下命令安装这些软件:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" # 安装 Homebrew
brew install node watchman # 安装 Node.js 和 Watchman
xcode-select --install # 安装 Xcode 命令行工具

创建一个新的 React Native 应用程序

在您的终端中运行以下命令，创建一个名为 MyApp 的新 React Native 应用程序:

npx react-native init MyApp

该命令将创建一个新的目录 MyApp，该目录将包含您的 React Native 应用程序的所有文件。

运行应用程序

接下来，进入您的应用程序目录并启动 React Native 捆绑器：

cd MyApp
npx react-native start

接下来，打开另一个终端并运行以下命令，以在 iOS 模拟器中运行您的应用程序：

npx react-native run-ios

现在，您的应用程序应该在 iOS 模拟器中运行。

在 iOS 设备上运行应用程序

如果您想在实际的 iOS 设备上运行您的应用程序，您需要使用 Xcode 配置您的设备。

1. 使用 Lightning 或 USB-C 线缆将设备连接到您的计算机。
2. 打开 Xcode。
3. 在 Xcode 菜单栏中，单击 File -> Open，然后导航到您的应用程序目录。
4. 单击 MyApp.xcworkspace 文件以打开 Xcode 项目。
5. 在 Xcode 菜单栏中，单击 Product，然后单击 Destination。
6. 选择您的设备，并单击运行按钮（三角形）。

现在，您的应用程序应该在 iOS 设备上运行。

结论

恭喜，您已经成功地设置和运行了您的第一个 React Native 应用程序，并在模拟器和实际的 iOS 设备上测试了您的应用程序。

React Native 具有出色的可移植性，并且可以在多个平台上运行。使用本文中提供的指南，您可以轻松地将您的 React Native 应用程序迁移到其他平台，例如 Android 和 Web。