React Native学习(二) 环境搭建

445 阅读1分钟

环境搭建

环境搭建

继承到现有android应用

集成到现有应用

以上是React-Native中文网的内容

在学习的时候发现按照以上文档中讲的

yarn start

启动Metro服务,没有出现服务启动的小窗 ,导致运行报错

解决方法

1.杀死 8081端口的服务

sudo lsof -i:8081 查看端口占用

sudo kill "应用的pid" 杀死应用的pid

2.启动Metro服务,并启动android项目

npx react-native run-android

3.SNB项目

1.先用命令yarn

2.然后启动dev yarn dev

在已有项目中调试debug

1.启动项目 (1)yarn (2) yarn start

2.android APP里 把reactnative的 debug开关打开

3.进入rn页面 摇一摇 选择 change Bundle Location 选择电脑的ip:8081

4.断点 选择 attach to packager 然后出现弹框 直接默认的localhost 回车 如果显示debug 端口被占用,需要关闭 chrome浏览器中的debug # vscode调试react native

引入其他库

//创建一个GitHub_RN项目

npx react-native init GitHub_RN

//创建指定版本的RN项目

npx react-native init GitHub_RN --version X.XX.X

//创建支持typescript的RN项目

npx react-native init GitHub_RN --template react-native-template-typescript

yarn add react-native-vector-icons

如果使用了typescript 需要

yarn add @types/react-native-vector-icons

相关问题:

Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'., js engine: hermes

stackoverflow.com/questions/7…