下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
【移動(dòng)應(yīng)用開發(fā)技術(shù)】AndroidReactNative原生模塊與JS模塊通信的方法總結(jié)
AndroidReactNative原生模塊與JS模塊通信的方法總結(jié)前言:在做ReactNative開發(fā)的時(shí)候避免不了的需要原生模塊和JS之間進(jìn)行數(shù)據(jù)傳遞,這篇文章將向大家分享原生模塊向JS傳遞數(shù)據(jù)的幾種方式。方式一:通過Callbacks的方式說起Callbacks大家都不陌生,它是最常用的設(shè)計(jì)模式之一。無論是Java,Object-c,C#,還是JavaScript等都會(huì)看到Callbacks的身影。原生模塊支持Callbacks類型的參數(shù),該Callbacks對(duì)應(yīng)JS中的function。在原生模塊中:在上述代碼中,measureLayout方法的參數(shù)中后兩個(gè)就是Callbacks,當(dāng)原生模塊處理成功時(shí)通過successCallback回調(diào)來告知JS處理成功的結(jié)果,當(dāng)原生模塊發(fā)生異常時(shí),則通過errorCallback回調(diào)來JS處理異常。在JS模塊中:上述代碼,是在JS模塊中調(diào)用原生模塊的方法measureLayout,同時(shí)向它傳遞了四個(gè)參數(shù),后兩個(gè)是function類型的參數(shù)用于接收原生模塊的處理結(jié)果。通過上述的方式,JS調(diào)用原生模塊的measureLayout方法,原生模塊則通過errorCallback與successCallbackCallbacks來將處理結(jié)果傳遞到JS。這種“Youcallme,Iwillcallback”,的方式小伙伴們都看懂了吧。
方式二:通過Promises的方式Promises是ES6的一個(gè)新的特性,在ReactNative中你會(huì)看到Promises的大量使用。
原生模塊也是支持Promises的,這對(duì)喜歡使用Promises的小伙伴則是一個(gè)很好的消息。在原生模塊中:上述代碼中,measureLayout方法接收的最后一個(gè)為Promise,當(dāng)相應(yīng)的處理結(jié)果出來之后原生模塊通過調(diào)用Promise的相應(yīng)方法來向JS模塊傳遞處理成功,或處理失敗的數(shù)據(jù)。提示:在原生模塊中Promise類型的參數(shù)要放在最后一位,這樣JS調(diào)用的時(shí)候才能返回一個(gè)Promise。
在JS模塊中:在上述代碼中,通過ES7的新特性async/await來修飾了test方法,來以同步方式調(diào)用原生模塊的measureLayout方法,如果原生模塊處理成功,
那么JS中relativeX,relativeY,width,height會(huì)獲得相應(yīng)的值,如果原生模塊處理失敗,則會(huì)拋出異常。如果,不希望以同步的形式調(diào)用,可以這樣寫:以上就是通過Promises的方式向JS傳遞數(shù)據(jù)的方式,小伙伴們看懂了嗎。上述兩種方式,通過Callbacks的方式與通過Promises的方式,都可以向JS模塊傳遞數(shù)據(jù),但都是只能傳遞一次。
如果,你需要多次向JS模塊傳遞數(shù)據(jù)(如:按鍵事件)上述方式還是不夠好,下面就像大家分享可以多次傳遞數(shù)據(jù)的方式。方式三:通過發(fā)送事件的方式原生模塊支持另外一種向JS模塊傳遞數(shù)據(jù)的方式,通過發(fā)送事件的方式。原生模塊,可以向JS傳遞事件而不要而不需要直接的調(diào)用,就像Android中的廣播,iOS中的通知中心。下面就向大家演示通過RCTDeviceEventEmitter,來向JS傳遞事件。在原生模塊中:上述代碼向JS模塊發(fā)送了一個(gè)名為“onScanningResult”的事件,并攜帶了“params”作為參數(shù)。在JS模塊中:下面是在JS代碼中進(jìn)行監(jiān)聽原生模塊發(fā)出的名為“onScanningResult”的事件。在JS中通過DeviceEventEmitter注冊(cè)監(jiān)聽了名為“onScanningResult”的事件,當(dāng)原生模塊發(fā)出名為“onScanningResult”的事件后,綁定在該事件上的onScanningResult=(e)會(huì)被回調(diào)。
然后通過e.result就可獲得事件所攜帶的數(shù)據(jù)。心得:如果在JS中有多處注冊(cè)了onScanningResult事件,那么當(dāng)原生模塊發(fā)出事件后,這幾個(gè)地方會(huì)同時(shí)收到該事件。不過大家也可以通過DeviceEventEmitter.removeListener('onScanningResult',this.onScanningResult)來移除對(duì)名為“onScanningResult”事件的監(jiān)聽。
另外,JS模塊也支持通
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2008年公務(wù)員國(guó)考《申論》真題卷及答案
- 有關(guān)電話銷售月度工作總結(jié)模板
- 工程技術(shù)人員年度總結(jié)
- 消防安全知識(shí)培訓(xùn)總結(jié)(17篇)
- 石油化工企業(yè)現(xiàn)場(chǎng)安全檢查表
- 浙江省杭州“六縣九校”聯(lián)盟2023-2024學(xué)年高一上學(xué)期期中地理試題 含解析
- 6涵洞工程資料清單目錄(改)
- 推動(dòng)思政小課堂與社會(huì)大課堂相結(jié)合的大思政課探索
- 寶雞文理學(xué)院《西方史學(xué)史》2022-2023學(xué)年第一學(xué)期期末試卷
- 墻紙接縫滾筒手工具項(xiàng)目評(píng)價(jià)分析報(bào)告
- 小學(xué)數(shù)學(xué)(北師大版)二年級(jí)上冊(cè)《測(cè)量》單元作業(yè)設(shè)計(jì)
- 線上家紡銷售營(yíng)銷策劃方案
- 自理能力缺陷的護(hù)理
- 2024年2024年2024年全國(guó)初中數(shù)學(xué)聯(lián)合競(jìng)賽試題及參考答案
- 消防安全知識(shí)進(jìn)農(nóng)村課件
- 跨境電商企業(yè)營(yíng)銷策略研究以NA公司為例
- 成立事業(yè)部方案
- 復(fù)興號(hào)動(dòng)車組司機(jī)操作及整備課件-CR400AF動(dòng)車組簡(jiǎn)介
- 海綿城市建設(shè)教育課件
- 《記敘文行文思路》課件
- 江蘇省南京市鼓樓實(shí)驗(yàn)中學(xué)2023-2024學(xué)年七年級(jí)上學(xué)期12月月考數(shù)學(xué)試題(含答案)
評(píng)論
0/150
提交評(píng)論