title: react-native text doesn't align
body: <p>My text component doesn't align when the text is more than 2 lines (see screenshot). I have tried playing around with alignment and ellipsizeMode but none of the settings change anything. Why is the 2nd line indented?</p>
  
  <p><a href="https://i.stack.imgur.com/DF6gV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DF6gV.png" alt="2nd line is misaligned"></a></p>
  
  <p>My code: </p>
  
  <pre><code>&lt;View style={{ flex: 4, flexDirection: 'row', marginTop: 10}}&gt;
    &lt;View style={{ flex: 1, alignItems: 'flex-end' }}&gt;
      &lt;CircleIndicator style={{marginRight: 29}} /&gt;
      &lt;View
        style={{
          width: 4,
          height: '100%',
          backgroundColor: styles.colors.lipstick,
          marginRight: 35,
        }}
      /&gt;
    &lt;/View&gt;
    &lt;View style={{ flex: 2 }}&gt;
      &lt;View style={{ flex: 1 }}&gt;
        &lt;Text weight='bold' color='darkIndigo'&gt; {activityType} &lt;/Text&gt;
      &lt;/View&gt;
      &lt;View style={{ flex: 1 }}&gt;
        &lt;Text color='blueyGrey' style={{opacity: 0.5}}&gt; {activityDate}
        &lt;/Text&gt;
      &lt;/View&gt;
      &lt;View style={{ flex: 1, marginBottom: 30 }}&gt;
        &lt;Text color='blueyGrey'&gt; {activityDescription} &lt;/Text&gt;
      &lt;/View&gt;
    &lt;/View&gt;
    &lt;View style={{ flex: 1 }} &gt;
      &lt;Text weight='bold' color='lipstick'&gt; {activityPoints} PTS &lt;/Text&gt;
    &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>