React Native学习记录

一、创建RN项目的时候是空文件夹的问题

1.使用npx react-native init RNDemos初始化项目的时候,会报错,模版错误,然后创建出来一个空的文件夹

2.如果出现这种情况,需要设置npm install -g react-native-cli

3.安装完成以后再次初始化项目,会进行报错,是因为node版本低的问题,我们使用的node版本需要大于18才能初始化项目成功

二、使用nvm来进行node版本的管理

1.安装nvm版本管理器

2.使用nvm list来查看可以使用的node版本

3.使用nvm来安装指定的node版本

4.使用nvm切换node版本

三、初始化RN项目

1.可以使用npx react-native init MyAwesomeApp初始化项目

2.初始化成功以后的项目目录结构如下:

3.可以使用npm run ios在模拟器上运行RN项目

4.此时可以在模拟器上运行到项目

5.如果要在真机上运行项目,需要打开ios文件夹里面的.xcworkspace,然后修改bundleId,然后运行,就可以在手机上进行运行

四、调试工程

React Native中文网调试 · React Native 中文网

1.使用真机开发时,只需要晃动设备就可以打开调试功能,需要注意的是,使用真机进行调试的时候,调试的真机和开发程序的计算机需要在同一个网络环境下

相关推荐
阳光九叶草LXGZXJ32 分钟前
达梦数据库-报错-16-MERGE INTO提示:无效的列名[XX]
linux·运维·数据库·sql·学习
xxwl58537 分钟前
RabbitMQ 学习笔记
笔记·学习·rabbitmq
李日华大战鸡红3 小时前
滑膜观测器(学习记录)
stm32·单片机·学习·matlab·机器人
传奇开心果编程3 小时前
【现代声明式UI学与练】第4课 列表渲染与 key——如何高效渲染列表、key 的作用、列表重排时的状态保持
学习·flutter·react native·ui·swiftui·android jetpack
传奇开心果编程4 小时前
【Compose Multiplatform 跨端开发学与练】第5课 网络与数据层
android·网络·学习·ui·ios·kotlin·composer
yt004yt4 小时前
园区 VOC 绿岛集中治理项目,管网与监测系统设计要点
大数据·学习
一条破秋裤4 小时前
06_从设备读数据_字符设备read_write流程
学习
m4Rk_5 小时前
【论文阅读】Agent 记忆机制(92):EMPO²——让 Memory 从经验复用走向主动探索
论文阅读·人工智能·学习·开源·github
太子釢5 小时前
React 函数组件与 Hook 实践指南
前端·react.js
liangshanbo12156 小时前
面试题:React 中 Lane 和 Scheduler 是怎么配合的?
前端·react.js·前端框架