title: Align next to each other in <View/> react native
body: <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>