React Native底部tab切换刷新机制

一、需求

react-native底部tab有两个单元,首页A和个人中心B;首次加载tab A和tab B的时候,页面都会刷新,但是之后的切换操作都不会进行页面刷新。
现需要在个人中心B进行相关操作后,点击首页A,A页面中的数据也需要刷新过来

二、解决

DeviceEventEmitter刷新机制:利用DeviceEventEmitter在RN内的发送和接受需要刷新的动作。
B页面操作决定A页面刷新,B页面发送通知,A页面接收通知
1、B页面:发送通知

//发送通知
DeviceEventEmitter.emit('action', '通知来了');//两个参数分别为:通知名称,通知内容或携带参数

2、A页面:接收通知

import  {DeviceEventEmitter} from 'react-native';
constructor (props) {
    super(props);
    this.state = {};
    this.listener=null;
}
//注册这个监听事件
componentDidMount(){
  this.listener=DeviceEventEmitter.addListener('action',()=>{//()中为携带参数,可以为空
  		//调接口……刷新页面
  });
};
//在组件销毁的时候要将其移除
componentWillUnmount(){
    this.listener.remove();
};
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值