每次选项卡聚焦在 TabNavigator [ReactNavigation] 中时执行获取

Question

我正在使用React Navigation的TabNavigator。在第一个选项卡中，用户可以输入通话记录并将其提交到我们的服务器。在第二个选项卡中，从服务器获取数据和其他记录并显示在列表中。当用户输入记录并切换到第二个选项卡时，会出现此问题。第二个选项卡已经执行了 componentDidMount，即使在选项中设置lazy: true也不会拉取新记录。有什么方法可以实现此功能吗？我明确需要执行 API 调用，以便在每次切换到选项卡时获取最新数据。如果没有，我已经知道使用 redux 的一种不太优雅的解决方法，所以请不要建议只使用 redux。

CallRecords:
{
    screen: TabNavigator(
    {
        EnterCallRecord: {
            screen: EnterCallRecordContainer,
        },
        ViewCallRecords: {
            screen: ViewCallRecordsContainer,
        }
    },
    {
        lazy: true
    })
},

Answer 1

您可以使用这个非常棒的组件 react-navigation-is-focused-hoc :)