如何使用CocoaPods在OC原生工程基础上添加RN

如何使用CocoaPods在OC原生工程基础上添加RN

1.创建原生工程

2.在工程根目录使用pod init 安装Cocoapods

3.在RN中文网下载最新RN包

http://reactnative.cn/post/11

将其工程中的node_modules复制到你的工程根目录下

4.在podfile 中加入以下带代码：

pod 'React', :path => './node_modules/react-native', :subspecs => [ 'Core', 'RCTImage', 'RCTNetwork', 'RCTText', 'RCTWebSocket', //添加其他你想在工程中使用的依赖 ]

5.使用终端进入工程根目录pod update

6.修改plist文件 app transport security http协议

7.创建视图RCTRootView

NSURL *jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios”];
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName: @“SimpleApp" launchOptions:nil];
[self addSubview:rootView];
rootView.frame = self.bounds;

8.终端修改JS读取路径并开启服务
(JS_DIR= `pwd` /ReactComponent; cd node_modules/react-native; npm run start -- --root $JS_DIR)
注：ReactComponent为读取index.ios.js文件的路径

9.运行Xcode上的程序

以上内容在RN中文网上教程基础上有所添加。