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', {});
}
以上是一种实现思路,可以参考。如有其他的或者更好的方式,欢迎留言讨论,哈哈哈~~~~