How to simulate "align-items: baseline" in React Native?
<p>Since there is no "align-items: baseline" in RN's implementation of Flexbox, how can I align the baselines of two text element horizontally?</p>

<p><a href="https://i.stack.imgur.com/X2teo.png" rel="noreferrer"><img src="https://i.stack.imgur.com/X2teo.png" alt="enter image description here"></a></p>

<p>The JSX:</p>

<pre><code>&lt;View style={styles.numberAndPercent}&gt;
  &lt;Text style={styles.number}&gt;6.80&lt;/Text&gt;
  &lt;Text style={styles.percent}&gt;%&lt;/Text&gt;
&lt;/View&gt;
</code></pre>