react native初识

写了一段时间的reactnative,但是始终还停留与逻辑业务,深层次的东西还有很多不理解。的确,RN很牛比,但是IDE的便利还和Java开发IDE有差距。记录下一些关键点。

环境搭建

比较靠谱的环境搭建博客

http://reactnative.cn/docs/0.39/getting-started.html#content

总结下来

  • android环境
1、安装android studio(sdk、sdk build tools)
2、配置android环境
3、android模拟器(有手机可以直接忽略)
  • Nodejs
1、安装nodejs(安装命令上面连接有)
2、安装Yarn
3、安装react-native-cli 命令行工具
  • 辅助工具
1、watch man(热同步,避免动不动就摇一摇 T_T)

常用命令

  • react-native run-android
编译apk并安装运行,有错,别慌,用你的studio先跑通
  • react-native log-android
 代码出了问题?没关系打个日志看看
  • react-native start
app打开红屏?server 500?服务没跑起来,怎么会有数据呢。
  • npm install
package.json 依赖的包需要install,项目才能跑起来

常见问题

  • watchman安装不上
去官网按照流程走,别按照上面帖子里面教程的命令安装。
  • run-android编译不过
刚开始这个问题也遇到,而且非常无语,如果是报aapt出错,通过下面帖子解决:
https://stackoverflow.com/questions/33427893/can-not-run-android-sdk-build-tools-23-0-2-aapt
这个实在是太坑了,耽误了半天
  • 红屏
红屏的问题太多了,但都会有stack可以查看。先看看server启动情况,再看看提示是不是缺少依赖导致方法报错,再看看是不是自己代码本身报错,或者是不是找不到文件。实在没有办法了,那就google
  • 服务挂了
失败原因也比较多,首先可能是进程已经存在,所以需要按照指示,先ps查看8081端口,然后kill 占用进程,再次启动。或者又可能是二进制文件替换或添加导致挂了,一般如替换icon会导致,重启服务就可以恢复正常。或者找不到依赖库,需要通过npm先安装相关依赖。
  • Watchman needs your help!
这个地址有答案,经常出现可以考虑写个脚本
https://github.com/facebook/react-native/issues/3199
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值