title: React Native: Text and Icon inline
body: <p>I am trying to aline a Icon and a Text inline and align the text to the left and the icon to the right...</p>
  
  <p>This is how it is looking at the moment:
  <a href="https://i.stack.imgur.com/zkxDe.png" rel="noreferrer"><img src="https://i.stack.imgur.com/zkxDe.png" alt="enter image description here"></a></p>
  
  <p>However, I want to have the text aligned to the left and the icon to the right and also both on the same height...</p>
  
  <p>My code so far:</p>
  
  <pre><code>&lt;Text
    style={{
      fontSize: 16,
      paddingTop: 15,
      paddingBottom: 15,
      paddingLeft: 10,
      paddingRight: 10,
      color: "black"
    }}
  &gt;
    Kategorien:
    &lt;Icon
      style={{
        alignItems: "center",
        justifyContent: "center",
        textAlign: "right"
      }}
      name="keyboard-arrow-down"
      type="MaterialIcons"
    /&gt;
  &lt;/Text&gt;
  </code></pre>
  
  <p>I also tried to use the react native elements and make use of the right and left element, however, in this case the icon and text is not inline...</p>
  
  <pre><code>&lt;View&gt;
    &lt;Left&gt;
      Text...
    &lt;/Left&gt;
    &lt;Right&gt;
      Icon...
    &lt;/Right&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>You guys have any idea?</p>