本人最近在研究一些关于FaceBook的RN框架，这个框架可以说好处巨多，一套js两端（iPhone和Android共享），原生要失业呀。😀以及热更啊等一大堆好处。但是，他的一些不足也在研究中慢慢暴露，辟如：加载速度慢等。
第一个吃螃蟹的人总会受到点伤害，他的一处处坑真的是折磨人。废话不多，直接上代码，上图。
我创建了一个原生项目，叫做Demo，然后通过终端cd进入，创建package.json（这里官方文档写的不清晰，初步开发者可能不知道怎么创建，很简单，直接vi package.json即可）：
package.json
然后执行：npm install即可。
接着，就需要创建Pod，通过Pod导入RCTText等的资源包：
Podfile
然后执行：pod install即可。（当然，你得配置好Pod环境）
在Podfile环境中，注意路径问题！！！
然后，通过vi index.ios.js创建文件：
我用的是sublime编译器
接下来，是我在操作中，遇到的最大的坑，我在ViewController.m中添加如下代码：
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即可。
这样子，项目就能正常执行了！
如有不对，请您反馈。欢迎留言，欢迎点赞！
网友评论