本人最近在研究一些关于FaceBook的RN框架,这个框架可以说好处巨多,一套js两端(iPhone和Android共享),原生要失业呀。😀以及热更啊等一大堆好处。但是,他的一些不足也在研究中慢慢暴露,辟如:加载速度慢等。
第一个吃螃蟹的人总会受到点伤害,他的一处处坑真的是折磨人。废话不多,直接上代码,上图。
我创建了一个原生项目,叫做Demo,然后通过终端cd进入,创建package.json(这里官方文档写的不清晰,初步开发者可能不知道怎么创建,很简单,直接vi package.json即可):
然后执行:npm install即可。
接着,就需要创建Pod,通过Pod导入RCTText等的资源包:
然后执行:pod install即可。(当然,你得配置好Pod环境)
在Podfile环境中,注意路径问题!!!
然后,通过vi index.ios.js创建文件:
接下来,是我在操作中,遇到的最大的坑,我在ViewController.m中添加如下代码:
添加如上代码,他就一直报:#import "RCTRootView.h" file not found!!!这里是关键:我操作了如下两个操作:
1、如果确认已经依赖,则添加link:
Link Binary with Library -> Add Other -> node_modules -> react-native -> React -> Base -> RCTRootView.m
然后执行:sudo npm install
2、执行react-native start,它会报错:Packager can't listen on port8081,这是因为8081端口被占用,执行:lsof -n -i4TCP:8081,会显示node 一串数字,记住这串数字(例子:8888);然后执行:kill -9 8888,然后再次执行:react-native start即可。
这样子,项目就能正常执行了!
如有不对,请您反馈。欢迎留言,欢迎点赞!