状态更改后刷新屏幕[抽屉导航器react-native]

Question

我在StackNavigator中有一个DrawerNavigator。我已经实现了实现汉堡菜单功能的结构。我有一个带有汉堡菜单图标的列表主页。单击该图标后，我将打开一个菜单，就像在亚马逊的flipkart应用程序中一样。菜单列表是动态的，我需要在状态更改时刷新列表。

这是我的视图层次结构：

export const DrawerMenu = DrawerNavigator({
    Search: {
        screen: Search,
    },
    SidebarMenuComponent: {
        screen: SidebarMenuComponent,
        navigationOptions: {
            headerTitle: Logo,
        }
    },
  }, {
    contentComponent: SidebarMenuComponent,
    drawerWidth: 250,
    drawerPosition: 'left',
    drawerOpenRoute: 'DrawerOpen',
    drawerCloseRoute: 'DrawerClose',
    drawerToggleRoute: 'DrawerToggle',
  });

const RootStack = StackNavigator({ 

    Search: {
        screen: DrawerMenu,
        navigationOptions: {
            headerTitle: Logo,
        }
    },

    ThankYou: {
        screen: ThankYou,
        navigationOptions: {
            headerTitle: 'ThankYou',
            gesturesEnabled: false,
        }
    },
  });

我无法重新加载。所以我的问题是，在这种情况下，我们如何才能强制重新加载列表？任何帮助将不胜感激。

谢谢。

Answer 1

将addListener添加到导航

https://reactnavigation.org/docs/en/navigation-prop.html

Answer 2

我正在回答自己的问题。

我通过导入SidebarMenuContainer解决了该问题，并将其分配给contentComponent 而不是SidebarMenuComponent。