1.首先react-native init 一個(gè)初始react-native項(xiàng)目卤妒,然后找到ios目錄,把ios目錄中的項(xiàng)目工程全部刪除。(注意事項(xiàng):在刪除之前務(wù)必記住這些工程的名字和路徑待會(huì)第三步需要用到)如下圖:1.0
2.然后把你需要導(dǎo)入的iOS項(xiàng)目copy或者拖到剛剛上一步的ios目錄中(如下圖1.1),這時(shí)打開(kāi)iOS項(xiàng)目務(wù)必運(yùn)行下,檢查下項(xiàng)目是否能編譯成功沫勿。
3.在XCode左側(cè)文件欄中新建一個(gè)Libraries文件,然后把第一步的那些工程文件(在node_modules/react-native/React目錄中)拖入到這文件目錄上圖1.0:
4.然后在TARGETS找到對(duì)應(yīng)項(xiàng)目的名,點(diǎn)擊項(xiàng)目名->Builid Phases->Link Binary With Libraries:
把對(duì)應(yīng)1.0圖的**.xcodeproj的.a文件加入進(jìn)去如下圖3.0:
5.然后在Builid Phases中新建run Script Phase名字修改為Bundle React Native code and images味混。然后shell腳本添加路徑如下圖:
export NODE_BINARY=node
../node_modules/react-native/scripts/react-native-xcode.sh
5.打開(kāi)Edit Scheme界面:添加React如下6.0圖配置下:
6.在Build? Settings中找到 Other Linker Flags 填寫(xiě)上$(inherited),-ObjC,-lc++這三個(gè)鏈接器參數(shù)产雹。如下圖7.0
7.Bulid Settings中找到 Header Search Paths 添加$(SRCROOT)/../node_modules/react-native/React 路徑(注意這個(gè)路徑是相對(duì)你的項(xiàng)目工程.xcodeproj)。如下圖8.0
8.最后檢查下Build Active Architecture Only是否如下圖9.0:
最后你就可以運(yùn)行你的react-native的工程翁锡。