React Native之事件监听DeviceEventEmitter

1,117 阅读1分钟

React Native之事件监听DeviceEventEmitter

A页面

import { DeviceEventEmitter } from 'react-native';
...
componentDidMount() {
    //收到监听
    this.listener = DeviceEventEmitter.addListener('监听的事件名称', (msg) => {
        console.log(msg);  //监听
        // do something
    })
}
componentWillUnmount() {
    //移除监听
    if (this.listener) {
      this.listener.remove();
    }
  }
...

B页面

import { DeviceEventEmitter } from 'react-native';
...
postMsg() {
    // 发送监听的值
    let msg = "haha"
    DeviceEventEmitter.emit('监听的事件名称', msg);
}
...