React Native 里需要接入友盟推送,首先按照官方文档在Android Studio里导入推送Module依赖,然后在MainApplication里添加PushSDK服务，处理通知
private void initPushSDk() {
PushAgent mPushAgent = PushAgent.getInstance(getApplicationContext());
mPushAgent.enable();
mPushAgent.setNotificationClickHandler(notificationClickHandler);
}
private static final String a = UmengNotificationClickHandler.class.getName();
UmengNotificationClickHandler notificationClickHandler = new UmengNotificationClickHandler(){
@Override
public void dealWithCustomAction(Context context, UMessage msg) {
launchApplication(context,msg);
WritableMap params = Arguments.createMap();
String custom = msg.custom;
params.putString("custom",custom);
Log.e("custome",custom);
ReactContext reactContext = getReactNativeHost().getReactInstanceManager().getCurrentReactContext();
sendEvent(reactContext, "umeng_notification", params);
}
};
private void launchApplication(Context context,UMessage msg){
Intent var3 = context.getPackageManager().getLaunchIntentForPackage(context.getPackageName());
if(var3 == null) {
com.umeng.common.message.Log.b(a, "handleMessage(): cannot find app: " + context.getPackageName());
} else {
var3.setPackage((String) null);
var3.addFlags(268435456);
context.startActivity(var3);
}
}
private void sendEvent(ReactContext reactContext,
String eventName,
@Nullable WritableMap params) {
reactContext
.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit(eventName, params);
}
React Native 主页面里监听原生里发送的事件,跳转到相应的界面：
componentDidMount() {
if (Platform.OS === 'android') {
BackAndroid.addEventListener('hardwareBackPress', () => this.onBackAndroid());
};
DeviceEventEmitter.addListener('umeng_notification', (e: Event) => {
//e为原生传递过来的参数e.custom
this.navigator.push({
component: ShowNotificationPage
});
});
}
可能是生命周期的原因,当android回退键退出应用时,只能拉起App却无法跳转到相应的界面,因此我在回退键的事件处理上进行了拦截,让App movebacktostack,而不是让界面销毁掉，相当于Home键的功能。
React Native组件之间通信一般是通过props就可以实现父控件向子控件传值,父控件获取子控件的值.
也可以通过React Native 中的DeviceEventEmitter处理组件之间的监听事件,方式如下：
componentWillUnmount() {
this.subscription.remove();
}
componentDidMount() {
this.subscription = DeviceEventEmitter.addListener('followChanged', () => {
this.onRefresh()
});
this.onRefresh();
}
onRefresh() {
this.reuqestFans(this.props.mid);
}
其他组件触发事件：
DeviceEventEmitter.emit('followChanged');