reactNative中的通知

reactNative中的通知

 

       在android和ios中通常都会有通知的功能；

      即在A文件代码里发起通知，在B文件代码里执行。

 

      reactNative中的通知思路大体也一样：

      A  JS里发送通知， 在B JS 里渲染界面完成后注册监听，监听到A发送的通知的时候执行逻辑。

      B  JS 销毁的时候 注销监听

     reactNative通知思路图：

    

  

    代码如下：

    A.js:

   

       //通知HomePage重新加载
       DeviceEventEmitter.emit('HOMEPAGE_RELOAD','HomePage重新加载');

    B.js:

    componentDidMount(){
        //添加事件监听
        this.listener=DeviceEventEmitter.addListener('HOMEPAGE_RELOAD',(n)=>{
            //主页重新加载
            //跳转到新的场景，并且重置整个路由栈
            this.props.navigator.resetTo({
               component:HomePage
            });

            JasonToast.show("123HOMEPAGE_RELOAD",JasonToast.LONG);

        });
    }
    componentWillUnmount(){
        this.listener.remove();
    }