常用环境

vs code插件

Debugger for Chrome (装完记得配置launch.json文件)
React Native Tools
配置相对引用路径

中文教程文档

https://reactnative.cn/docs/getting-started.html

新建项目

react-native init <项目名称> --version <指定版本号>

react-native init MyApp --version 0.44.3
react-native init MyApp (默认使用最新版)

运行指令

react-native run-ios
react-native run-android

工程报错常用

重新连接设置第三方库

cd ./node_modules/react-native/third-party/glog-0.3.4
sh ../../scripts/ios-configure-glog.sh

重新连接设置第三方库

cd ./node_modules/react-native/third-party/glog-0.3.4
 ../../scripts/ios-configure-glog.sh

安装缺失的库

//安装缺失的库
yarn add react-native-qiyu  

//link
react-native link react-native-qiyu

踩坑实战指南

先导出行(iOS)

// 1. 安装
npm install

//2.  重新链接,设置库
 cd ./node_modules/react-native/third-party/glog-0.3.4                           

sh ../../scripts/ios-configure-glog.sh


//3 . websocket 依赖库欠缺
复制一份libfishhook.a(可从工程RCTWebSocket.xcodeproj的products找到) 到  node_modules/react-native/Libraries/WebSocket/

如果Xcode 某些子工程没编译好(子工程无法展开), 可以先把 build文件夹删掉,然后执行

react-native run-ios

如果使用本机ip debug运行,程序可进入, 但报 ip无法读取,可执行

npm start -- --reset-cache

//4. appdelegate.mm的index.ios.bundle修改为 index.bundle
jsCodeLocation = [NSURL URLWithString:@"http://192.168.50.85:8081/index.bundle?platform=ios&dev=true"];

//5. copy svn上修改过的库
不要复制 react-native-code-push ,

插件安装

babel-plugin-root-import 配置相对路径
 react-native-pdf 读取pdf组件2

reatc native常用指令