react-native 之 DeviceEventEmitter (通知)

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();
    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章