React Native整合到現有項目(非cocoa pods)

標籤：

• 將一個現有的ios項目添加react native支援時，有以下幾個關鍵步驟：

  • 在項目裡建立一個group，然後在node_modules下面找到React和Libraries兩個檔案夾，將這兩個檔案夾下的.xcodeproj檔案引入到我們建立的group中。

  • 找到項目的build settings配置，在Header Search Paths下面新增一個地址，定位到node_modules/react-native/React目錄下，選擇遞迴(recursive)。

  • 找到項目的build phases配置，找到Link Binary With Libraries,將步驟1裡面的.a檔案全部引入即可完成配置。

  • 找到項目的Other Linker Flags配置,添加-ObjC和-lc++標誌?

• 在引入RCTRootView時，官網的代碼裡是少了一個參數，即initialProperties參數，我們要在自己的代碼裡添加這個參數，傳nil即可。

• 在moduleName裡邊填入module name, 在js裡面註冊對應的module name

• react native內建的api畢竟還不能滿足所有的需求，有時也會自己寫一些介面來供js調用，下面列舉一些需要注意的點：

• 由於oc是多線程(GCD)的,上文也說到在執行javascript時是在javascript的線程中進行的，所以在寫介面時，如果需要調用非javascript線程的邏輯，就需要在主線程進行，即在業務代碼前擷取到主線程即：

 

dispatch_async(dispatch_get_main_queue(),^ {            [nav pushViewController:cg animated:YES];    });

 

 

4 在自訂介面時，我們在oc端定義的方法時，如果有參數，那麼js端一定要傳這個參數，如果沒有定義參數，js端也不能傳參數，這可能和js以往的文法不太一樣，即使定義的一個方法，我傳不傳都不會報錯，但是在oc是不行的，必須嚴格按照定義方法時的格式來傳遞。

React Native整合到現有項目(非cocoa pods)