RN原生控件調(diào)用原生oc頁面

1,先創(chuàng)建一個RN項目,并且實現(xiàn)一個點擊控件。

RN項目實現(xiàn)點擊事件

2.創(chuàng)建一個UIView把AppDelegate文件里的關(guān)鍵代碼拿到創(chuàng)建的UIView里面來,

ReactView

3.在創(chuàng)建一個OC原生的控制器,調(diào)用ReactView初始化。在把RNViewController控制器到AppDelegate.m文件里調(diào)用

RNViewController
AppDelegate.m

4.創(chuàng)建一個繼承NSObject的RNBridgeModule類引入一下RN的#import《React/RCTBridgeModule.h》庫實現(xiàn)代理《RCTBridgeModule》并且實現(xiàn)兩個宏。

4.1 RCT_EXPORT_MODULE(RNBridgeModule)宏是輸出這個類給RN的并且告訴RN用的時候叫RNBridgeModule這個類名字。

4.2 RCT_EXPORT_METHOD(RNOpenVC:(NSString*)mgs){}這個宏是把這個方法輸出給RN讓RN拿到并且實現(xiàn)調(diào)用。

RNBridgeModule.h


RNBridgeModule.m

5.進(jìn)入RN的JS里面先聲明一個NativeModules然后拿到在OC創(chuàng)建的RNBridgeModule類里面的方法就實現(xiàn)了跳轉(zhuǎn)。

index.ios.js

這樣就實現(xiàn)了跳轉(zhuǎn)了。后面的登陸和tabView都是OC原生代碼實現(xiàn)的。


0.0

寫的不好請見諒!git的Demo地址:https://github.com/15574843478/Mymmp.git

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

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

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