Align next to each other in <View/> react native : <p>How would I align two items (icon/text) next to each other?</p>

<pre><code>&lt;TouchableOpacity
        key = {index}
        onPress = {() =&gt; this._onPress(key)}
        style = {containerStyle.container}&gt;
        &lt;View&gt;
          &lt;Icon 
            name = {Platform.OS === "ios" ? "ios-checkmark-outline" : "md-checkmark"}
            size = {24}
            style = {{ paddingLeft: 10, color: "#108EE9"}} /&gt; 
          &lt;Text 
            style = {this._createStyleText(key)}&gt;
          {key}
          &lt;/Text&gt;
        &lt;/View&gt;
  &lt;/TouchableOpacity&gt;

const containerStyle = StyleSheet.create({
  container: {
    padding: 8,
    backgroundColor: "#ffffff",
  },
}); 

const textStyle = StyleSheet.create({
  unselectedText: {
      paddingLeft: 45,
      color: "#000000",
      fontWeight: "normal",
  },

}); 
</code></pre>

<p>Right now the are aligned like this:</p>

<pre><code>icon
       text
</code></pre>

<p>I need them to be like this</p>

<pre><code>icon  text
</code></pre>
