перестала работать tabBarOnPress реакции-навигации 3.3.2

Question

После обновления до реакции-навигации 3.3.2 tabBarOnPress больше не срабатывает.Фрагмент кода ниже.Есть идеи?

const Tabs = createBottomTabNavigator(
  {
    HomeStack,
    WallStack,
    MemeStack,
  },
  {
    navigationOptions: ({navigation}) => ({
      tabBarOnPress: () => {
        console.log('tab pressed');
      }
    })

  }
);

export default DrawerNav = createDrawerNavigator({
  Tabs: Tabs
},{
  drawerBackgroundColor: Colors.grayDark,
  contentComponent: Sidebar
})

Answer 1

tabBarOnPress работает, но я использую его вот так.Вам нужно передать его как свойство каждого стека.(не забудьте вызвать defaultHandler, чтобы сохранить поведение по умолчанию:

const DashboardStack = createStackNavigator(
  {
    Dashboard,
  }
);

DashboardStack.navigationOptions = {
  tabBarOnPress({ navigation, defaultHandler }) {
    // do something
    defaultHandler();
  },
};

const ProfileStack = createStackNavigator(
  {
    Profile,
    AccountInfo,
    Membership,
    Browser,
    ConnectedAccounts,
  }
);

ProfileStack.navigationOptions = {
  tabBarOnPress({ navigation, defaultHandler }) {
    // do something
    defaultHandler();
  },
};

const SpendingStack = createStackNavigator(
  {
    Budget,
    Transactions,
  }
);

SpendingStack.navigationOptions = {
  tabBarOnPress({ navigation, defaultHandler }) {
    // do something
    defaultHandler();
  },
};

export default createBottomTabNavigator(
  {
    SpendingStack,
    DashboardStack,
    ProfileStack,
  }
);