Android React Native原生模塊與JS模塊通信的方法總結

成都創新互聯公司專注于企業營銷型網站、網站重做改版、康縣網站定制設計、自適應品牌網站建設、H5響應式網站、購物商城網站建設、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為康縣等各大城市提供網站開發制作服務。

前言：

在做React Native開發的時候避免不了的需要原生模塊和JS之間進行數據傳遞，這篇文章將向大家分享原生模塊向JS傳遞數據的幾種方式。

方式一：通過Callbacks的方式

說起Callbacks大家都不陌生，它是最常用的設計模式之一。無論是Java，Object-c，C#，還是JavaScript等都會看到Callbacks的身影。

原生模塊支持Callbacks類型的參數，該Callbacks對應JS中的function。

在原生模塊中：

public class RNTestModule extends ReactContextBaseJavaModule{
  public RNTestModule(ReactApplicationContext reactContext) {
    super(reactContext);
  }
  @Override
  public String getName() {
    return "RNTest";
  }

 @ReactMethod
 public void measureLayout(
   int tag,
   int ancestorTag,
   Callback errorCallback,
   Callback successCallback) {
  try {
   measureLayout(tag, ancestorTag, mMeasureBuffer);
   map.putDouble("relativeX",1);
   map.putDouble("relativeY", 1);
   map.putDouble("width", 2);
   map.putDouble("height",3);
   successCallback.invoke(relativeX, relativeY, width, height);
  } catch (IllegalViewOperationException e) {
   errorCallback.invoke(e.getMessage());   
  }
}

網站名稱：AndroidReactNative原生模塊與JS模塊通信的方法總結-創新互聯
文章源于：http://www.js-pz168.com/article18/dodsgp.html

成都網站建設公司_創新互聯，為您提供企業網站制作、響應式網站、建站公司、網站制作、靜態網站、外貿網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯