iOS原有项目中添加 React Native

1.创建cocoapods文件

# Depending on how your project is organized, your node_modules directory may be

# somewhere else; tell CocoaPods where you've installed react-native from npm

pod 'React', :path => './node_modules/react-native', :subspecs => [

'Core',

'RCTImage',

'RCTNetwork',

'RCTText',

'RCTWebSocket',

# Add any other subspecs you want to use in your project

]

【解释】path对应的是 你的js基础组件的位置。最好复制到项目的目录中。不过根据官方默认教程来说也的确是在项目的根目中

2.布局所需文件

2.1当然是拷贝 js的组件。可以使用 react-native -init XXX.等待完成之后，将js组件复制过来

2.2创建存放js的文件夹ReactComponent

3.开启RN的服务

使用终端 cd 到项目中的 node_modules/react-native目录下然后执行

npm run start -- -- root 工程根目录/ReactComponen

然后你就可以点击xcode run了

4踩坑

4.1关于配置 url

NSURL*jsCodeLocation = [NSURLURLWithString:@"http://localhost:8081/ReactComponent/index.ios.bundle?platform=ios"];

明显是：ip:port/js目录/index.………

4.2 port冲突

lsof -i tcp:80801查看被占用的端口

kill -9 pid     pid为查找出的对应值，然后重新 npmrun就行了