title: Styling only first letter from an array of strings in React Native
body: <p>I have been using <code>react native table component</code> in my project. I this project I have shown data in table rows and columns like </p>
  
  <pre class="lang-js prettyprint-override"><code>tableData: [
          ['a 1234', 'b 4332', 'c 5433'],
          ['a 4556', 'b4554', 'c 4777']
  ]
  </code></pre>
  
  <p>But I want to style these <code>a,b,c</code> with different color not like the numbers. How can I style like that? </p>
  
  <p>Now, I am styling like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;TableWrapper style={{ flex: 1 }}&gt;
          &lt;Cols data={tableData} textStyle={styles.text} /&gt;
       &lt;/TableWrapper&gt;
  </code></pre>