Обновление экрана после смены состояния

Question

У меня есть DrawerNavigator в StackNavigator. Я реализовал структуру для достижения функции меню Гамбургер. У меня есть домашняя страница со списком значков меню гамбургеров. Нажав на иконку, я открываю меню, как и в Amazon, приложения флипкарт. Список меню динамический, мне нужно обновить список при изменении состояния.

Вот моя иерархия представлений:

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

Я отвечаю на свой вопрос.

Я исправил проблему, импортировав SidebarMenuContainer и назначив ее для contentComponent вместо SidebarMenuComponent.

Answer 2

Добавить addListener к навигации

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