React Native 返回上一个页面后执行刷新逻辑

React Native 返回上一个页面后执行刷新逻辑

如题,在RN中,实现从页面A ->进入页面B,在页面B返回到页面A的时候,需要执行刷新逻辑。


代码实现思路:
在页面A中注册监听,当页面B销毁的时候(注意是销毁的时候,包括点击返回按钮、或者物理返回键),B页面通知A页面,A收到通知后,执行刷新逻辑即可。


代码实现参考

页面A

// 注册监听
componentWillMount() {
//监听从购物车返回
        this.backFromShopListener = bridge.addEventEmitterListener('TNBackFromShopNotification', () => {
            this._getHistoryJourneyData();
        });
}

// 移除监听
componentWillUnmount() {
        this.backFromShopListener && bridge.removeEventEmitterListener(this.backFromShopListener);
}

页面B

// 页面销毁时发送通知
componentWillUnmount() {
             DeviceEventEmitter.emit('TNBackFromShopNotification', {});
}

以上是一种实现思路,可以参考。如有其他的或者更好的方式,欢迎留言讨论,哈哈哈~~~~

你可能感兴趣的:(RN/小程序开发知识总结)