ReactNative进阶（三十九）：DeviceEventEmitter 实现发送和监听消息

Posted 2021-06-17 No Silver Bullet

移动端开发过程中，页面间信息传递是常见的应用场景。

注册、发送消息方式如下：

DeviceEventEmitter.emit('自定义名称',发送数据);

消息监听方式如下：

DeviceEventEmitter.addListener('名称',(events) ={使用数据events});

例如，在A页面注册和发送消息：

import {DeviceEventEmitter} from 'react-native';
let param = {taobaoBind:false,walletSum:0.00,couponNum:0}
DeviceEventEmitter.emit('meeting_receive’,param);  //发送消息，并携带param参数

然后，B页面监听消息，执行动作：

componentDidMount() {   
	//页面加载完毕，开启监听消息
   this.eventMeetingReceive =DeviceEventEmitter.addListener('meeting_receive', 
   		(events) =>{this.setState({walletSum : events.walletSum});});
}

componentWillUnmount() {   
	//当页面销毁时，移除时间的监听
	this.eventMeetingReceive.remove();
}