当前位置:首页 > React

react native如何启动

2026-03-30 14:12:56React

启动 React Native 项目

确保已安装 Node.js 和 npm/yarn。React Native 官方推荐使用 Node 16 或更高版本。

全局安装 React Native CLI(如果使用 Expo 可跳过此步骤):

npm install -g react-native-cli

创建新项目

使用 React Native CLI 创建新项目:

npx react-native init ProjectName

如果使用 Expo:

react native如何启动

npx create-expo-app ProjectName

运行项目(iOS)

进入项目目录并启动 Metro 打包器:

cd ProjectName
npx react-native start

在新终端窗口中运行 iOS 应用:

npx react-native run-ios

运行项目(Android)

确保已安装 Android Studio 并配置好环境变量。启动 Android 模拟器或连接真机后运行:

react native如何启动

npx react-native run-android

使用 Expo 运行

对于 Expo 项目,启动开发服务器:

npm start

按提示在 Expo Go 应用中扫描二维码,或使用以下命令在模拟器中打开:

npm run android
npm run ios

开发环境检查

运行以下命令检查环境配置:

npx react-native doctor

注意事项

  • Android 开发需配置 JAVA_HOME 环境变量
  • iOS 开发需 macOS 系统和 Xcode
  • 首次运行可能需要较长时间安装依赖
  • 建议使用最新稳定版 React Native

标签: reactnative
分享给朋友:

相关文章

如何改造react

如何改造react

改造 React 项目的关键方法 分析当前项目结构 通过评估现有组件、状态管理和依赖项,明确需要改进的部分。使用工具如 webpack-bundle-analyzer 识别性能瓶颈。 升级 Reac…

react如何读

react如何读

React 的发音 React 的发音为 /riˈækt/(音标),读作“瑞-艾克特”。其中: “Re” 发音类似英文单词 “read” 的开头部分。 “act” 发音与英文单词 “act” 一致。…

react如何开发

react如何开发

React 开发基础步骤 安装 Node.js 和 npm/yarn 确保系统已安装 Node.js(包含 npm)或 Yarn。React 项目依赖这些工具管理包和运行脚本。官方推荐使用 Node.…

小白如何搭建react

小白如何搭建react

安装 Node.js 和 npm 确保系统已安装 Node.js(包含 npm)。可通过官网下载安装包(https://nodejs.org/),选择 LTS 版本。安装完成后,终端运行以下命令验证版…

react如何检测窗口

react如何检测窗口

监听窗口大小变化 使用useEffect钩子和resize事件监听窗口尺寸变化。在组件挂载时添加事件监听器,卸载时移除监听器以避免内存泄漏。 import { useState, useEffect…

react项目如何调试

react项目如何调试

使用浏览器开发者工具 React项目调试最直接的方法是使用浏览器内置的开发者工具(Chrome DevTools/Firefox Developer Tools)。打开开发者工具后,切换到“Sourc…