react-native 之 DeviceEventEmitter (通知)
應用場景:rn 中由 A 頁進入到 B 頁之後,在 B 頁上做相應操作之後,需要 A 頁更新相應數據。
僞代碼實現如下:
** B 頁 **
import {DeviceEventEmitter} from 'react-native';
// 語法 DeviceEventEmitter.emit('通知名稱', 參數);
DeviceEventEmitter.emit('notice', param);
** A 頁 **
import {DeviceEventEmitter} from 'react-native';
componentDidMount() {
// 監聽通知
// 語法 DeviceEventEmitter.addListener('通知名稱', 參數 => {});
this.listener = DeviceEventEmitter.addListener('notice', param => {
// console.log(param);
// do something...
});
}
componentWillUnmount() {
// 頁面卸載前處理監聽
this.listener.remove();
}