React Native 初始化项目和模拟器运行

中文官方文档:https://reactnative.cn/docs/environment-setup

英文官方文档:https://reactnative.dev/docs/getting-started-without-a-framework#step-1-creating-a-new-application

创建新项目

1、初始化

bash 复制代码
# 如果你之前全局安装过旧的react-native-cli命令行工具,请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突
npm uninstall -g react-native-cli @react-native-community/cli

# 初始化
npx @react-native-community/cli init demo

# [可选参数] 指定版本或项目模板
npx @react-native-community/cli init demo --version X.XX.X

npx命令安装了npm就可以用

2、安装js依赖

进入demo

bash 复制代码
npm i
运行

1、用Android studiod打开demo的android文件夹并build, 经过漫长...漫长...漫长的时间:

2、安装手机模拟器

安装好后,点三角形按钮:

检查时候有设备的命令:

bash 复制代码
adb devices

3、运行

bash 复制代码
npm run android

运行成功:

相关推荐
张元清4 天前
从零开始编写 useWindowSize Hook
react native·react.js
_一两风6 天前
React性能优化深度指南:从基础到高级技巧
react native·性能优化
谢尔登8 天前
【React Native】路由跳转
javascript·react native·react.js
Carson带你学Android8 天前
都2025了,【跨平台框架】到底该怎么选?
android·flutter·react native
谢尔登11 天前
【React Native】布局和 Stack 、Slot
javascript·react native·react.js
Misha韩11 天前
React Native 基础tabBar和自定义tabBar - bottom-tabs
android·react native
wayne21412 天前
从零开始学习 Redux:React Native 项目中的状态管理
学习·react native·react.js
OEC小胖胖12 天前
React Native 在 Web 前端跨平台开发中的优势与实践
前端·react native·react.js·前端框架·web
henujolly12 天前
react native学习record one month
学习·react native·react.js
wayne21413 天前
跨平台移动开发技术深度分析:uni-app、React Native与Flutter的迁移成本、性能、场景与前景
react native·架构