Adding chevron to list view item
<p>My Component's render() method is like that:</p>

<pre><code>if (this.props.loading) {
  return this.renderLoadingView();
}

return (
  &lt;View style={[GlobalStyles.mainContainer, CategoryListingStyles.container]}&gt;
    &lt;ListView
      style={GlobalStyles.listView}
      dataSource={this.props.dataSource}
      enableEmptySections={true}
      renderRow={(c) =&gt; &lt;CategoryListingItem category={c} onSelectCategory={this.selectCategory} /&gt;}
      renderSeparator={(sectionID, rowID) =&gt; &lt;View key={`${sectionID}-${rowID}`} style={CategoryListingStyles.separator} /&gt;}
    /&gt;
  &lt;/View&gt;
); 
</code></pre>

<p>It displays a simple list but <strong>I would like to add a chevron to the right</strong> to make it more clear to the user that taping on it would take the user to the next screen.</p>

<p>What's the best approach for that? Image? If yes, how can I append it, where? I can't use any pseudo selectors in CSS, as far as I know.</p>