AndroidReactNative原生模块与JS模块通信的方法总结-创新互联
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://myzitong.com/article/dodsgp.html