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

运行成功:

相关推荐
donk131414 小时前
React Native for OpenHarmony 实战:三方库 react-native-step-indicator 的鸿蒙化适配指南
分布式·react native·react.js·wpf·harmonyos
donk131415 小时前
React Native for OpenHarmony 实战:三方库 react-native-segmented-control-tab 的鸿蒙化适配指南
javascript·react native·react.js·华为·harmonyos
donk131418 小时前
React Native for OpenHarmony 实战:三方库 react-native-toast-message 的鸿蒙化适配指南
react native·react.js·音视频·harmonyos
墨狂之逸才2 天前
# React Native 0.59 在 Node 24 下的启动兼容问题:从报错到一条命令运行
react native
天道kabuto2 天前
入门 React Native:初始化 HelloRN 项目,Android 环境排错全记录
react native
程序员老刘4 天前
Flutter你看看人家RN
flutter·react native·ai编程
是你的小橘呀4 天前
告别各写各的!从 0 到 1 打造 React Native 客户端公共动效基础设施 🏗️
react native
墨狂之逸才4 天前
# React Native iOS 排查记录:从 Yoga 编译报错,到模拟器反复白屏
react native
song5015 天前
React Native for OpenHarmony 实战:三方库 react-native-parallax-scroll-view 的鸿蒙化适配指南
分布式·react native·react.js·transformer·harmonyos
song5015 天前
React Native for OpenHarmony 实战:三方库 react-native-ratings 的鸿蒙化适配指南
javascript·react native·react.js·分类·harmonyos