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

时间:2017-11-08 14:41:28

标签: react-native react-navigation

我正在使用React Navigation的TabNavigator。在第一个选项卡中,用户可以输入呼叫记录并将其提交给我们的服务器。在第二个选项卡中,从服务器获取该数据和其他记录并显示在列表中。当用户输入记录并切换到第二个选项卡时,会出现问题。第二个选项卡已执行componentDidMount,即使在选项中设置lazy: true,也不会提取新记录。有没有办法完成这个功能?我明确需要执行API调用以在每次切换选项卡时获取最新数据。如果没有,我已经知道使用redux的不太优雅的解决方法,所以请不要使用redux。

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

1 个答案:

答案 0 :(得分:1)

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