title: React-Native Flexbox - Position One Item at Vertical Center and other at Bottom
body: <p>Within a parent view, I would like to vertically center align one piece of text and have another at the bottom of the view.Whenever I add the bottom text, it shifts the position of the vertical centered view upwards (to make it the vertical center of the remaining space).</p>
  
  <p>How do I keep the text vertically centered align relative to the parent view?
  Update: I understand I can do this using {position: 'absolute',
    bottom:0}, but want to understand the flex-box solution.</p>
  
  <pre><code>&lt;View style={{height: 300, borderColor: "black", borderWidth: 1}}&gt;
      &lt;View style={{ justifyContent: "center", flex: 1 }}&gt;
          &lt;Text&gt;Vert Middle&lt;/Text&gt;
      &lt;/View&gt;
  
      &lt;View&gt;
          &lt;Text&gt;Vert Bottom&lt;/Text&gt;
      &lt;/View&gt;
  &lt;/View&gt;
  
  
  </code></pre>