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

运行成功:

相关推荐
ps_xiaowang3 天前
React Query入门指南:简化React应用中的数据获取
前端·其他·react native·react.js
chenbin___5 天前
鸿蒙键盘遮挡react native内容尝试
react native·harmonyos
Winson℡6 天前
React Native 中的 useCallback
javascript·react native·react.js
Winson℡9 天前
如何理解 React Native 中的 useEffect
javascript·react native·react.js
wayne21410 天前
React Native启动性能优化实战:Hermes + RAM Bundles + 懒加载
react native·react.js·性能优化
千码君201610 天前
React Native:使用vite创建react项目并熟悉react语法
javascript·css·react native·react.js·html·vite·jsx
诚实可靠王大锤10 天前
react-native集成PDF预览组件react-native-pdf
前端·react native·react.js·pdf
千码君201613 天前
React Native:为什么带上version就会报错呢?
javascript·react native·react.js
xiangzhihong813 天前
XTransfer 开源 XRN 框架:基于 React Native 的跨三端开发实践与鸿蒙 NEXT 攻坚
react native
wayne21414 天前
ReactNative性能优化实践方案
react native·react.js·性能优化