title: React Native - two items: one on the left, one in the center
body: <p>I have been struggling to align two items in the following positions: the first one should be on the left side of the row and the second element needs to be in the center of the row. </p>
  
  <p>The following code below does not fully center my second element:</p>
  
  <pre><code>&lt;View style={{flexDirection: 'row', justifyContent: 'space-between'}}&gt;
  
              &lt;View style={{ paddingLeft: 10 }}&gt;
                  &lt;Text style={{ fontSize: 20, color: 'red', fontWeight: '200' }}&gt;LEFT_ELEM&lt;/Text&gt;
              &lt;/View&gt;
              &lt;View style={{paddingRight: 10 }}&gt;
              &lt;Text&gt;
                  CENTER
              &lt;/Text&gt;
              &lt;/View&gt;
              {/* Empty view so that space-between works? */}
              &lt;View
                  style={{paddingRight: 10 }}&gt;
              &lt;/View&gt;
   &lt;/View&gt;
  </code></pre>
  
  <p>This was the closest I could get to the result I wanted. However, it does not do the trick. Could anyone know the best way to implement this successfully? </p>