1. 程式人生 > >react-native IOS端原生元件封裝步驟

react-native IOS端原生元件封裝步驟

最近使用react-native來做專案,感覺挺不錯,官網已經封裝了大部分元件,github上又有很多開源者貢獻了自己的開源元件,感覺挺方便,但是每個專案中又會有不同風格的元件出現, 有可能是新功能,也許是改造別人的功能變成自己專案的風格,因此學習了下本地模組的封裝,對於安卓來說,也許接觸的時間比較長,封裝比較簡單也容易實現,對於ios,對於自己不是很熟悉,因此在此把封裝步驟記錄下來經供查閱。不用每次都度娘了。
第一步:建立個靜態庫
第二步:建立個react-native專案
第三步:在react-native的node_modules目錄下建立此模組的名稱,如:react-native-image-picker
第四步:在剛建立的目錄下建立目錄ios(建立node_modules下是為了方便引入標頭檔案,在別人使用或者自己使用時不用修改標頭檔案搜尋地址,你也可以不用這樣做)
第五步:開啟react-native專案下的ios工程,把建立的模組下ios中的.xcodeproj拖到專案的libraries目錄下
第六步:加入剛建立靜態庫的.a檔案
第七步:在靜態庫下面設定header search paths為:$(SRCROOT)/../../react-native/React(如果你沒在node_modules目錄下建立,這裡路徑要改變)
第八步:編寫程式碼