index.js

import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import PropTypes from 'prop-types';

class TextWith extends React.Component {
  getObjectMargin(){
    const { objectPosition, objectMargin } = this.props;

    const objectMarginOptions = {
      'left' : { marginLeft: objectMargin },
      'right' : { marginRight: objectMargin },
      'top' : { marginTop: objectMargin },
      'bottom' : { marginBottom: objectMargin },
    };
    const objectMarginSelection = objectMarginOptions[objectPosition];

    return objectMargin ? objectMarginSelection : {};
  }

  renderText(){
    const {
      children,
      object,
      objectPosition,
      objectMargin,
      textStyle,
      containerStyle,
      onPress,
      ...restProps
    } = this.props;

    const objectMarginStyle = this.getObjectMargin();

    return <Text key='text' { ...restProps } style={[ objectMarginStyle, textStyle ]}>{ children }</Text>;
  }

  render(){
    const { object, objectPosition, containerStyle, onPress } = this.props;

    const stackDirection = (
      objectPosition == 'left' || objectPosition == 'right'
    ) ? 'row' : 'column';

    let components = [];
    if(object){ components.push(React.cloneElement(object, {key: 'object'})); }
    components.push(this.renderText());

    if(objectPosition == 'right'
    || objectPosition == 'bottom'){
      components.reverse(); }

    return (
      <TouchableOpacity onPress={onPress} disabled={ onPress ? false : true }>
        <View style={[{ alignItems: 'center' }, containerStyle, { flexDirection: stackDirection }]}>
          { components }
        </View>
      </TouchableOpacity>
    );
  }
}

TextWith.defaultProps = {
  objectPosition: 'left',
  objectMargin: 4,
  onPress: null,
};

TextWith.propTypes = {
  children: PropTypes.any,
  object: PropTypes.object,
  objectPosition: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),
  objectMargin: PropTypes.number,
  textStyle: PropTypes.any,
  containerStyle: PropTypes.any,
};

export default TextWith;