在反应导航2中更改选项卡或按两次选项卡时重新加载屏幕？答案

【问题标题】：Reload screen when the tab is changed or tab is pressed twice in react navigation 2?在反应导航2中更改选项卡或按两次选项卡时重新加载屏幕？
【发布时间】：2019-03-04 07:04:05
【问题描述】：

我的项目中有 3 个选项卡

首页
书签
随机

现在，当我将标签从 home 更改为 bookmarks 或 random 时，我想重新加载（获取数据），反之亦然。

我只能调用它们一次，即第一次访问，因为我一直在从 componentDidMount(). 调用 API 我正在尝试使用 willFocus 侦听器事件但无法使用它。

如何在切换或按两次标签后重置数据和加载屏幕？

任何线索将不胜感激。

【问题讨论】：

标签： react-native react-navigation tabbar

【解决方案1】：

最简单的方法是将tabBarOnPress 属性传递给您的标签导航器，您可以在其中获取数据，然后调用defaultHandler：https://reactnavigation.org/docs/en/bottom-tab-navigator.html#tabbaronpress

【讨论】：

我试过这种方式，但数据是从以前的状态填充的，而不是重置。在更改选项卡时要在初始级别重新启动整个状态。从 api 获取 FYI 数据（组件确实挂载了生命周期）提前致谢。