实现
DeviceEventEmitter在RN内的发送和接受消息。例如：
A页面注册通知：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
| import {DeviceEventEmitter} from'react-native';
//…
//调用事件通知
DeviceEventEmitter.emit('xxxName’,param);
//xxxName:通知的名称 param：发送的消息（传参）
B页面接收通知：
componentDidMount(){
varself =this;
this.listener =DeviceEventEmitter.addListener('xxxName',function(param){
// use param do something
});
}
//xxxName:通知的名称 param:接收到的消息（传参）
componentWillUnmount(){
this.listener.remove();
}
//在componentWillUnmount 内需要我们手动移除通知
|
知道DeviceEventEmitter的简单使用后
我的页面在获取到用户数据后：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
| //注册监听事件，时间名称：changeMine 传参：jsonData.avatar（头像url）
DeviceEventEmitter.emit('changeMine',jsonData.avatar);
tabbar.js 文件:
componentDidMount(){
varself =this;
this.listener = DeviceEventEmitter.addListener('changeMine',function(url){
self.setState({
avatar:url
})
});
//通知开始，获取到url，调用setState 方法，刷新状态机，这时候实时的刷新了‘我的’图标
//最后别忘了移除通知
componentWillUnmount(){
this.listener.remove();
}
|
js 向 js 发送数据
DeviceEventEmitter.emit('自定义名称',发送数据);
例：边看边买退出登录之后，我的淘宝和详情页的钱包数据应该改变。这时，我们可以在退出登录请求返回退出登录成功时发送一个通知
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| userInfo.userLogout((success) = {
if (success) {
DeviceEventEmitter.emit('taobaoBind',{taobaoBind:false,walletSum:0.00,couponNum:0});
const nav = this.props.navigator;
const routers = nav.getCurrentRoutes();
if (routers.length 1) {
nav.pop();
}
}
});
|
然后在我的淘宝和详情页接收通知，并使用setState改变数据
DeviceEventEmitter.addListener('taobaoBind',(events)
={this.setState({walletSum : events.walletSum});});
js接受数据
DeviceEventEmitter.addListener('名称',(events) ={使用数据events});
android向js发送数据
1
2
3
4
5
6
7
8
| WritableMap params = Arguments.createMap();
params.putString("message",msg.obj.toString());
reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit(eventName, params);
|
例：扫码轮询时，扫码成功可以向扫码页发送一个扫码成功的状态，输入密码完成时，也可以发送一个状态，使扫码页自动关闭。并将用户信息发给我的淘宝，详情页等。
