react-native 发送广播和接受事件通知DeviceEventEmitter

原生开发,总会用到广播,接口,回调等方法来实现各个模块之间的数据传递和事件交互。在React-Native中同样可以用发送和

接受通知的方法,实现上面的功能。组件:DeviceEventEmitter

A/B页面之间进行"通信"

1 A页面 导入组件:

import { DeviceEventEmitter }

from 'react-native'; //添加监听


2  A页面 添加广播事件

switch ( result.data&&result.code ){

case 0:
// showMessage(messageType.error, result.data);
DeviceEventEmitter. emit( 'setTitle', result. data);//添加广播
break;
            
default :
// showMessage(messageType.error, '暂不支持该消息');
break;
}


3 B页面 导入组件

import { DeviceEventEmitter }

from 'react-native'; //添加监听

4 B页面 添加监听

componentWillMount() {
//
this. setTitle = DeviceEventEmitter. addListener( 'setTitle', ( title) =>{
this. setState({
title,
})
});
}

5 B页面 最后,别忘了卸载


//卸载接受广播的方法
componentWillUnmount(){
// DeviceEventEmitter.removeListener();
this. setTitle. remove();}



猜你喜欢

转载自blog.csdn.net/qq_37336604/article/details/80857513