原生开发,总会用到广播,接口,回调等方法来实现各个模块之间的数据传递和事件交互。在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页面 导入组件
扫描二维码关注公众号,回复:
2405676 查看本文章
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();}