reatc native常用指令

常用环境

vs code插件


中文教程文档

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,200评论 4 61
  • 今日初六。 1、已是假期的最后一天,回想一下,对今年这个年的自我感觉是充实的,没有任何的虚度。从2月1日起开始的打...
    胤宝妈咪阅读 344评论 0 3
  • #第一周 说句心里话 11/13 Day 5 今天第五天,我很开心的发现今天是个魔法进步日。从今天早餐和午餐大家的...
    一只早鸟阅读 194评论 0 0
  • 八雅之《书》浩然正气楷模当,行书流水云天长。龙飞凤舞草悲壮,威武气派国富强。点水穿石止硝烟,合纵连横满领疆。铁树银...
    万里千年阅读 208评论 1 3
  • 写给自己:由于培训时间往后延迟,利用那会等待闲置的时间完成好功课,心情也好啦时间也利用上啦,两全其美何乐而不...
    快乐天使_快乐飞翔阅读 121评论 0 0