首页 > 其他 > 详细

react-navigation createBottomTabNavigator 刷新问题

时间:2019-04-15 21:21:42      阅读:496      评论:0      收藏:0      [点我收藏+]

RN使用 createBottomTabNavigator 创建底部导航栏时,只会在第一次创建时调用 componentDidMount 钩子,当跳转到另一个页面,点击返回键再次返回到此页面时不会再次调用,但我们往往需要在返回此页面后重新执行获取数据等方法函数。

解决方法

componentDidMount() {
    this._navListener = this.props.navigation.addListener('didFocus', () => {
      this.getData();
    });
  }

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

监听路由,即使页面没有被重新渲染,当路由 didFocus 时,也会执行回调函数。

react-navigation createBottomTabNavigator 刷新问题

原文:https://www.cnblogs.com/xiongxiaolong/p/10713078.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!