(最新)React-native 導(dǎo)入現(xiàn)有iOS工程項(xiàng)目

1.首先react-native init 一個(gè)初始react-native項(xiàng)目,然后找到ios目錄,把ios目錄中的項(xiàng)目工程全部刪除。(注意事項(xiàng):在刪除之前務(wù)必記住這些工程的名字和路徑待會(huì)第三步需要用到)如下圖:1.0

1.0

2.然后把你需要導(dǎo)入的iOS項(xiàng)目copy或者拖到剛剛上一步的ios目錄中(如下圖1.1),這時(shí)打開(kāi)iOS項(xiàng)目務(wù)必運(yùn)行下,檢查下項(xiàng)目是否能編譯成功。


1.1

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:


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.0

5.打開(kāi)Edit Scheme界面:添加React如下6.0圖配置下:


6.0

6.在Build? Settings中找到 Other Linker Flags 填寫(xiě)上$(inherited),-ObjC,-lc++這三個(gè)鏈接器參數(shù)。如下圖7.0


7.0

7.Bulid Settings中找到 Header Search Paths 添加$(SRCROOT)/../node_modules/react-native/React 路徑(注意這個(gè)路徑是相對(duì)你的項(xiàng)目工程.xcodeproj)。如下圖8.0


8.0

8.最后檢查下Build Active Architecture Only是否如下圖9.0:


9.0

最后你就可以運(yùn)行你的react-native的工程。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前提 已經(jīng)配置好React Native命令行環(huán)境 1. 通過(guò)CocoaPods集成React Native 參考...
    潛然閱讀 810評(píng)論 0 0
  • 要說(shuō)React Native最大的優(yōu)勢(shì),那就是跨平臺(tái)。通過(guò)JavaScript來(lái)開(kāi)發(fā)iOS及Android端的應(yīng)用...
    莮亾閱讀 1,397評(píng)論 0 2
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,901評(píng)論 25 709
  • 前天,我種的蒜苗現(xiàn)在還沒(méi)長(zhǎng)出一丁點(diǎn)芽。我就問(wèn)媽媽?zhuān)瑸槭裁次业乃饷邕€沒(méi)有長(zhǎng)出芽來(lái)。媽媽說(shuō)只要耐心的等,...
    月康日健閱讀 232評(píng)論 0 0
  • 很多人都是沖動(dòng)型性格,包括我在內(nèi),像這次去香港打?qū)m頸癌疫苗,下這個(gè)決定,一共用了不到一周的時(shí)間。 一開(kāi)始從朋友那里...
    Bonia閱讀 581評(píng)論 0 0

友情鏈接更多精彩內(nèi)容