withCommonProps.js

import React from 'react';
import * as Localization from 'expo-localization';
import { StackActions, NavigationActions } from 'react-navigation';
import lodash from 'lodash';

const withCommonProps = (WrappedComponent) => {
  class HOC extends React.Component {
    getLanguageCode = () => {
      return Localization.locale.split('-')[0];
    }

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

      let actions = lodash.reduce(
        !lodash.isArray(routes) ? [routes] : lodash.reverse(routes),
        (result, route) => {
          let action = result;
          if (!(action instanceof Object)) {
            action = NavigationActions.navigate({ routeName: action });
          }
          return NavigationActions.navigate({
            routeName: route,
            action,
          });
        },
      );
      if (!lodash.isArray(routes)) {
        actions = NavigationActions.navigate({ routeName: actions });
      }

      const resetAction = StackActions.reset({
        index: 0,
        actions: [
          actions,
        ],
      });
      navigation.dispatch(resetAction);
    }

    render() {
      return (
        <WrappedComponent
          getLanguageCode={this.getLanguageCode}
          navigateTo={this.navigateTo}
          {...this.props}
        />
      );
    }
  }
  return HOC;
};

export default withCommonProps;