Как получить действие нажатия bottomTab с помощью wix react-native-navigation?

Question

Я настроил навигацию с нижними вкладками в response-native-navigation, это работает нормально

bottomTabs: {
  id: 'BOTTOM_TABS_LAYOUT',
  children: [
    {
      stack: {
        id: 'HOME_TAB',
        children: [
          {
            component: {
              id: 'HOME_SCREEN'
              name: 'HomeScreen'
            }
          }
        ],
        options: {
          bottomTab: {
            icon: require('./home.png')
          }
        }
      }
    },
    {
      stack: {
        id: 'PROFILE_TAB',
        children: [
          {
            component: {
              id: 'PROFILE_SCREEN',
              name: 'ProfileScreen'
            }
          }
        ],
        options: {
          bottomTab: {
            icon: require('./profile.png')
          }
        }
      }
    }
  ]
}

Но я хочу добавить другой код, когда я переключаюсь с вкладки на другую, как мог это сделать?

Answer 1

Вы можете прослушивать события выбора вкладки, зарегистрировав прослушиватель событий навигации. Событие tabSelected генерируется при изменении выбранной вкладки.

Navigation.events().registerBottomTabSelectedListener((selectedTabIndex, unselectedTabIndex) => {
});

Если вы хотите обрабатывать выбор вкладки самостоятельно, установите параметр selectTabOnPress: false в bottomTab, который вы хотите для обработки выбора и регистрации слушателя tabPressed для обработки события нажатия вкладки. Это событие генерируется, когда пользователь нажимает вкладку.

options: {
  bottomTab: {
    icon: require('./home.png'),
    selectTabOnPress: false
  }
}

Navigation.events().registerBottomPressedListener((tabIndex) => {
});