title: Justifying content in a View
body: <p>I want to have a View with a part (with three rows of text wrapped in View) aligned left and part (with image in View) right like this:</p>
  
  <pre><code>+-----------+
  |   |   |   |
  | A |   | B |
  |   |   |   |
  +-----------+
  </code></pre>
  
  <p>I have style for the main View:</p>
  
  <pre><code>Tab: {
    flexDirection: 'row',
    flex: 1,
    justifyContent: 'space-between',
    backgroundColor: '#F5FCFF',
    padding:5,
    borderWidth:1,
  }
  </code></pre>
  
  <p>but what it does is </p>
  
  <pre><code>+-----------+
  |   ||   |  |
  | A || B |  | 
  |   ||   |  |
  +-----------+
  </code></pre>
  
  <p>I have tried align-self and justifyContent to flex-end for B, played around a bit but I can not get even whole thing to align to right. </p>
  
  <p>(Maybe is a problem with these tabs because they are in a list view? Would it affect them?)</p>
  
  <p>Question is: how should I get the components to listen to align and justify properties?</p>