当前位置:首页 > React

如何安装react native

2026-02-26 11:55:45React

安装React Native环境

确保系统已安装Node.js(版本12以上)和npm/yarn。可以通过以下命令检查版本:

node -v
npm -v

安装React Native CLI

全局安装React Native命令行工具:

npm install -g react-native-cli

配置Android开发环境

下载并安装Android Studio,确保勾选以下组件:

  • Android SDK
  • Android Emulator
  • Platform Tools

配置环境变量:

如何安装react native

  1. 在系统变量中添加ANDROID_HOME,指向Android SDK路径(如C:\Users\username\AppData\Local\Android\Sdk
  2. platform-toolsemulator目录添加到PATH变量

配置iOS开发环境(仅macOS)

安装Xcode并通过App Store获取最新版本。安装后打开Xcode完成额外组件的安装。

创建新项目

使用以下命令初始化项目:

如何安装react native

npx react-native init ProjectName

运行Android应用

进入项目目录并启动:

cd ProjectName
npx react-native run-android

运行iOS应用

在项目目录执行:

npx react-native run-ios

验证安装

新建项目后,修改App.js文件并保存,观察模拟器或设备是否自动刷新显示更改内容。

常见问题解决

  • adb未找到:检查Android SDK的platform-tools是否加入PATH
  • 模拟器无法启动:在Android Studio中创建虚拟设备(AVD)
  • iOS构建失败:通过Xcode打开ios/ProjectName.xcworkspace尝试重新构建

标签: reactnative
分享给朋友:

相关文章

react 如何调试

react 如何调试

调试 React 应用的方法 使用 React Developer Tools 安装 Chrome 或 Firefox 的 React Developer Tools 扩展,可以检查组件树、状态和 p…

react 如何启动

react 如何启动

创建 React 项目 使用官方工具 create-react-app 快速初始化项目,需提前安装 Node.js(版本 ≥ 14.0.0)和 npm/yarn: npx create-react-…

react 如何遍历

react 如何遍历

遍历数组 在React中遍历数组通常使用map方法,它会返回一个新的数组。map是处理数组并渲染列表元素的首选方法。 const items = ['Apple', 'Banana', 'Cherr…

如何恢复react

如何恢复react

恢复 React 项目的方法 检查并修复依赖项 运行 npm install 或 yarn install 重新安装所有依赖项。如果依赖项损坏或缺失,这将恢复项目所需的库和工具。 恢复删除的文件 如…

如何清洁react

如何清洁react

清洁 React 项目的方法 删除未使用的依赖项 运行 npm ls 或 yarn list 检查已安装的依赖项,使用 npm uninstall <package> 或 yarn rem…

react 如何操作cookie

react 如何操作cookie

安装依赖 在React项目中操作cookie通常需要第三方库的支持,推荐使用js-cookie。通过npm或yarn安装: npm install js-cookie # 或 yarn add js…