React Native 是一个用于构建原生应用的框架,它允许开发者使用 JavaScript 和 React 来创建 iOS 和 Android 应用。以下是一个简单的环境搭建教程。
系统要求
- 操作系统:Windows、macOS 或 Linux
- Node.js:版本 10.13 或更高
- Xcode:macOS 用户需要安装 Xcode
- Android Studio:Android 用户需要安装 Android Studio
安装步骤
安装 Node.js 和 npm
- 访问 Node.js 官网 下载并安装 Node.js。
- 安装完成后,打开命令行工具,输入
npm -v
检查 npm 是否安装成功。
全局安装 React Native CLI
- 在命令行中运行以下命令:
npm install -g react-native-cli
- 在命令行中运行以下命令:
创建新项目
- 在命令行中运行以下命令来创建一个新的 React Native 项目:
react-native init MyNewProject
- 在命令行中运行以下命令来创建一个新的 React Native 项目:
启动模拟器
- 进入项目目录,运行以下命令来启动 iOS 模拟器:
npx react-native run-ios
- 或者,运行以下命令来启动 Android 模拟器:
npx react-native run-android
- 进入项目目录,运行以下命令来启动 iOS 模拟器:
连接物理设备
- 使用 USB 线将设备连接到电脑,然后在命令行中运行以下命令:
npx react-native run-android --device
- 使用 USB 线将设备连接到电脑,然后在命令行中运行以下命令:
图片示例
以下是一个 React Native 应用中的图片示例:
扩展阅读
希望这个教程能帮助您成功搭建 React Native 环境!