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

运行成功:

相关推荐
冯志浩3 小时前
React Native 中 `useMemo` 的使用与优化
react native·掘金·金石计划
35加程序猿3 小时前
使用0.75.5版本ReactFragment开启新架构后的问题
react native
冯志浩2 天前
React Native 中的 useRef 介绍
react native·掘金·金石计划
木西2 天前
React Native DApp 开发全栈实战·从 0 到 1 系列(钱包全链路)
react native·web3
namehu2 天前
🚀 2025 年最新教程:在 React Native 0.70+ 项目中接入 react-native-wechat-lib
react native·微信·taro
章丸丸4 天前
Tube - tRPC setup
react native·全栈
麦客奥德彪5 天前
React native 项目函数式编程的背后-另类的架构InversifyJS 依赖注入(DI)
react native·架构·客户端
冯志浩5 天前
React Native 中 useEffect 的使用
react native·掘金·金石计划
青红光硫化黑6 天前
React-native之组件
javascript·react native·react.js
冰冷的bin6 天前
【React Native】自定义跑马灯组件Marquee
react native