title: Place icon on same line as text
body: <p>I'm trying to place my icon on the same line as <code>2 Replies</code>.</p>
  
  <p>Here's a screenshot of how it looks:</p>
  
  <p><img src="https://i.stack.imgur.com/jfEUo.png" alt="enter image description here"></p>
  
  <p>I'd like to have it to the right of the line, as the arrow shows.</p>
  
  <p>Here's how my Component's <code>render</code> function looks:</p>
  
  <pre><code>  render: function() {
      return (
        &lt;TouchableHighlight onPress={this.props.onSelect}&gt;
          &lt;View style={styles.container}&gt;
            &lt;Image source={{uri: this.state.image}}
                   style={styles.image} /&gt;
            &lt;View style={styles.postDetailsContainer}&gt;
              &lt;Text style={styles.postTitle}&gt;
                {this.state.name}
              &lt;/Text&gt;
              &lt;Text style={styles.postDetailsLine}&gt;
                {this.state.comment}
              &lt;/Text&gt;
              &lt;View&gt;
              &lt;Text style={styles.postChildrenDetails}&gt;
                {this.props.comment.child_comments_count} Replies
              &lt;/Text&gt;
              &lt;Icon
                name='fontawesome|comments-o'
                size={25}
                color='#D6573D'
                style={styles.icon}
              /&gt;
              &lt;/View&gt;
              &lt;View style={styles.separator} /&gt;
            &lt;/View&gt;
          &lt;/View&gt;
        &lt;/TouchableHighlight&gt;
        )
    }
  </code></pre>
  
  <p>Here's how my StyleSheet looks:</p>
  
  <pre><code>  container: {
      flex: 1,
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#FFFFFD',
    },
    image: {
      height: 48,
      width: 48,
      borderRadius: 25,
      marginTop: 10,
      alignSelf: 'center',
      marginRight: 15,
      marginLeft: 15
    },
    postDetailsContainer:{
      flex: 1,
    },
    postTitle: {
      fontSize: 15,
      textAlign: 'left',
      marginTop: 10,
      marginBottom: 4,
      marginRight: 10,
      color: '#D6573D'
    },
    postDetailsLine: {
      fontSize: 12,
      marginRight: 10,
      color: 'gray',
    },
    postChildrenDetails: {
      fontSize: 12,
      marginTop: 5,
      marginBottom: 10,
      marginRight: 10,
      color: 'gray',
      textAlign: 'right',
      flex: 1
    },
    separator: {
      height: 0.5,
      backgroundColor: '#CCCCCC',
    },
    icon: {
      flex: 1,
      textAlign: 'right',
      width: 25,
      height: 25
    }
  })
  </code></pre>