title: Can I format a number before it is rendered in <Text>
body: <p>I am rendering a <code>&lt;Text&gt;</code> node in Flutter app something like:</p>
  
  <pre><code>We have total ${_summary['bookCount']} books. 
  </code></pre>
  
  <p><code>_summary</code> is retrieved via a remote API and <code>bookCount</code> is one of the returned JSON field. It normally is more than 1,000. </p>
  
  <p>If I display the book count like that, it is a plain <code>1234</code>. I would like to make it be shown as <code>1,234</code>. </p>
  
  <p>Currently, I have to manually modify that field using some formatter but this is cumbersome. </p>
  
  <p>I am looking for something like:</p>
  
  <pre><code>We have total ${myNumberFormat(_summary['bookCount'])} books. 
  </code></pre>
  
  <p>grammar, where <em>myNumberFormat</em> is a function.</p>
  
  <p>In my previous programming in PHP and Twig, this can be done with a filter. </p>
  
  <p>Much appreciate your input.</p>
  
  <p><strong>Update</strong></p>
  
  <p>@raju-bitter</p>
  
  <p>This solution is what I know and is absolutely correct. What I am looking for is an inline "filter". </p>
  
  <p>With this solution, a few things I don't like, the most of which is that, I have to split my one liner of text into several few segments:
  <code>
  We have {XXX} books, accumulating to {YYY} pages, and {ZZZ} word counts.
  </code>
  This sentence will be broken to 7 parts at least so that each number text section can be formatted via a <code>formatter</code> and then wrapped in a surrounding <code>&lt;Text&gt;</code>.</p>
  
  <p>I am trying to see if there are more straightforward ways to do so. </p>