React Native 是一个用于构建移动应用的框架,允许开发者使用 JavaScript 和 React 编写代码,从而实现跨平台的应用开发。以下是如何在您的计算机上搭建 React Native 开发环境:
系统要求
- 操作系统:Windows、macOS 或 Linux
- Node.js:版本 8.0 或更高
- React:版本 16.0 或更高
安装步骤
- 安装 Node.js 和 npm:从 Node.js 官网 下载并安装 Node.js,它自带 npm 包管理器。
- 全局安装 React Native CLI:打开命令行工具,执行以下命令:
npm install -g react-native-cli
- 创建一个新的 React Native 项目:执行以下命令:
react-native init MyNewProject
- 进入项目目录:
cd MyNewProject
- 启动模拟器:
或者对于 iOS:npx react-native run-android
npx react-native run-ios
图片资源
React Native 支持使用本地图片资源。以下是如何将图片添加到项目中:
- 将图片放置在项目的
assets
文件夹中。 - 在组件中使用
require()
函数来引用图片:const logo = require('./assets/logo.png');
学习资源
如果您想进一步学习 React Native,以下是一些推荐资源:
希望这份指南能帮助您顺利搭建 React Native 开发环境!🚀