首页 > 移动平台 > 详细

Android 使用DeviceEventEmitter 向 React Native 传值

时间:2019-05-08 00:47:52      阅读:439      评论:0      收藏:0      [点我收藏+]

定义OpenNativeModule 类,实现sendEventToRn静态方法。

public class OpenNativeModule extends ReactContextBaseJavaModule {
    private ReactContext mReactContext;
    private static ReactContext myContext;

    public OpenNativeModule(ReactApplicationContext context) {
        super(context);
        this.mReactContext = context;
        this.myContext = context;
    }

    @Override
    public String getName() {
        return "OpenNativeModule";
    }

    public static void sendEventToRn(String eventName, @Nullable WritableMap paramss)
    {

        myContext
            .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
            .emit(eventName, paramss);

    }

    @ReactMethod // 提供给RN调用的方法
    public void openNativeVC() {
        Intent intent = new Intent();
        intent.setClass(mReactContext, LoginActivity.class);
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        mReactContext.startActivity(intent);
    }
}

Android 原生方法中调用

// WritableMap 对应 JS 中的 Object
WritableMap event = Arguments.createMap();
 //传递的参数
event.putString("userRes",content);
OpenNativeModule.sendEventToRn("LoginSuccess", event);

RN监听

componentDidMount() {
    this.emitListener = DeviceEventEmitter.addListener('LoginSuccess', (e) => {
     // todo
    alert(e.userRes);
    });
}

Android 使用DeviceEventEmitter 向 React Native 传值

原文:https://www.cnblogs.com/xiongxiaolong/p/10829059.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!