HOC With TabNavigator React Navigation

TabbedNavigator.js

type Props = {
  navigation: NavigationScreenProp<*>
};

const TabNavigatorInstance = TabNavigator(tabRouteConfig, tabNavigationConfig);

class TabbedNavigator extends Component<Props> {
  // This is required for it to work, somewhat undocumented
  // https://github.com/react-navigation/react-navigation/issues/3076
  static router = TabNavigatorInstance.router;

  componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.handleBack);
  }

  componentWillUnmount() {
    BackHandler.removeEventListener('hardwareBackPress', this.handleBack);
  }

  handleBack = () => {
    const { navigation } = this.props;

    if (navigation.index === 0) {
      return false;
    }

    navigation.dispatch(NavigationActions.back());
    return true;
  };

  render() {
    return <TabNavigatorInstance {...this.props} />;
  }
}

export default TabbedNavigator;

Adds life cycle hooks to Tab Navigator using a higher order component.