1.創(chuàng)建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對應(yīng)的是 你的js基礎(chǔ)組件的位置。最好復(fù)制到項目的目錄中。不過根據(jù)官方默認教程來說也的確是在項目的根目中
2.布局所需文件
2.1當(dāng)然是拷貝 js的組件￠痪剩可以使用 react-native -init XXX.等待完成之后咐旧，將js組件復(fù)制過來
2.2創(chuàng)建存放js的文件夾ReactComponent
3.開啟RN的服務(wù)
使用終端 cd 到項目中的 node_modules/react-native目錄下然后執(zhí)行
npm run start -- -- root 工程根目錄/ReactComponen
然后你就可以點擊xcode run了
4踩坑
4.1關(guān)于配置 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為查找出的對應(yīng)值掂骏，然后重新 npmrun就行了
