title: React Native FlexLayout: Alignment item right
body: <p>I have a list of products and want to display the text "ITEM UNIT" at the right end of my infobox. It is however affected by the position of the text above it.</p>
  
  <p>How do I solve this and put "ITEM UNIT" to the right end of the display?</p>
  
  <p><a href="https://i.stack.imgur.com/1znn0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1znn0.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;TouchableOpacity
  onPress={() =&gt; this.props.onItemClicked(this.props.item)}
  style={{ marginRight: 130 }}
  &gt;
  &lt;View style={styles.itemContent}&gt;
      &lt;View&gt;
          &lt;FadeIn&gt;
              &lt;Image
                  resizeMode="contain"
                  style={{
                      height: 100,
                      width: 100,
                      marginTop: 10,
                      marginLeft: 10
                  }}
                  source={{ uri: url }}
              /&gt;
          &lt;/FadeIn&gt;
      &lt;/View&gt;
      &lt;View style={{ justifyContent: "space-around" }}&gt;
          &lt;Text style={{ fontSize: 16, fontFamily: "System" }}&gt;
              {articleName}
          &lt;/Text&gt;
          &lt;View
              style={{
                  flexDirection: "row",
                  justifyContent: "space-between"
              }}
          &gt;
              &lt;View style={{ flexDirection: "row" }}&gt;
                  &lt;Text style={styles.itemPrice}&gt;{originalprice} &lt;/Text&gt;
                  &lt;Text style={styles.itemPriceReduced}&gt;{specialprice}€&lt;/Text&gt;
              &lt;/View&gt;
              &lt;View&gt;
                  &lt;Text&gt;ITEMUNIT&lt;/Text&gt;
              &lt;/View&gt;
          &lt;/View&gt;
      &lt;/View&gt;
  &lt;/View&gt;
  &lt;/TouchableOpacity&gt;;
  </code></pre>