title: React-native: textAlign: 'right' not styling correctly
body: <p>I'm quite new to react-native css-styling.. and have the following code:</p>
  
  <pre><code> &lt;Text&gt;
  &lt;Text style={(styles.author, { textAlign: "left" })}&gt;
      {question.view_count + " views\t" + question.comment_count}
      {question.comment_count &gt; 1 || question.comment_count == 0
          ? " comments"
          : " comment"}
  &lt;/Text&gt;
  &lt;Text style={{ textAlign: "right" }}&gt;
      {question.solution_count &gt; 0
          ? question.solution_count + " solutions"
          : " Solve this"}
  &lt;/Text&gt;
  &lt;/Text&gt;;
  </code></pre>
  
  <p>The problem is the second "textAlign: 'right' " isn't working - the text is still on the left. I want the text to be on the same line, but (obviously) the second text-object on the right.</p>
  
  <p>Any hints? thanks!</p>
  
  <p><strong>edit</strong>
  output looks like this:
  <a href="https://i.stack.imgur.com/NVg9h.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NVg9h.png" alt="Screenshot"></a></p>