title: JSX not visible in react native android mobile but visible in emulator
body: <p>I have a weird bug where pricing is visible in emulator and works just fine but when checking on mobile, it does not show up although its there but just not showing. I have tried changing font color, adding if condition etc. but just does not work.</p>
  <p>Also, on noticing and playing around with the bug, i have found that when number is big after decimal point, it does show up.(Screenshot Attached) but does not show up when it is smaller.</p>
  <p><a href="https://i.stack.imgur.com/amMwS.png" rel="nofollow noreferrer">Emulator Screenshot</a></p>
  <p><a href="https://i.stack.imgur.com/0zsJ0.jpg" rel="nofollow noreferrer">Mobile Screenshot price visible</a></p>
  <p><a href="https://i.stack.imgur.com/yayKM.jpg" rel="nofollow noreferrer">Mobile Screenshot price not visible</a></p>
  <p>Function used to add comma to price.</p>
  <pre><code>export function numberWithCommas(x) {
      var parts = x.toString().split(&quot;.&quot;);
      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, &quot;,&quot;);
      return parts.join(&quot;.&quot;);
  }
  </code></pre>
  <p>Code used to preview total at the End.</p>
  <pre><code>return (
          &lt;View style={{ flex: 1 }}&gt;
              &lt;Tab.Navigator&gt;
  
                  &lt;Tab.Screen name=&quot;One-Time Cart&quot; component={OneTimeCart} /&gt;
                  &lt;Tab.Screen name=&quot;Subscription Cart&quot; component={SubscriptionCart} /&gt;
  
              &lt;/Tab.Navigator&gt;
  
              &lt;View style={styles.cartTotal}&gt;
                  &lt;View style={styles.cartTotalSubView}&gt;
                      &lt;Text style={styles.cartAllText}&gt;One Time Cart:&lt;/Text&gt;
                      &lt;Text style={[styles.price, styles.cartAllText]}&gt;₹ {numberWithCommas(grandTotal[0])}&lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;View style={styles.cartTotalSubView}&gt;
                      &lt;Text style={styles.cartAllText}&gt;SubScription Cart:&lt;/Text&gt;
                      &lt;Text style={[styles.price, styles.cartAllText]}&gt;₹ {numberWithCommas(grandTotal[1])}&lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;View style={styles.cartTotalSubView}&gt;
                      &lt;Text style={styles.cartAllText}&gt;Total:&lt;/Text&gt;
                      &lt;Text style={[styles.price, styles.cartAllText]}&gt;₹ {numberWithCommas(grandTotal[0] + grandTotal[1])}&lt;/Text&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
  
              &lt;View&gt;
                  &lt;Button style={styles.checkoutButton} onPress={() =&gt; navigation.navigate(&quot;Checkout&quot;)}&gt;&lt;Text style={styles.buttonText}&gt;CHECKOUT&lt;/Text&gt;&lt;/Button&gt;
              &lt;/View&gt;
          &lt;/View&gt;
  
      )
  </code></pre>