环境搭建
继承到现有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