title: How do I change the RefreshControl's loading indicator?
body: <p>I have a <code>FlatList</code> that uses a standard <code>RefreshControl</code>, like so:</p>
  
  <pre><code>&lt;FlatList 
      data={items}
      refreshControl={&lt;RefreshControl refreshing={loading} onRefresh={this.refresh} /&gt;}
      renderItem={({ item, index }) =&gt; (&lt;ListItem item={item} /&gt;)}
  /&gt;
  </code></pre>
  
  <p>This renders the native refresh indicator when doing a pull-to-refresh action.  My questions are as follows:</p>
  
  <ol>
  <li>Can I change the icon/image that the <code>RefreshControl</code> uses to a custom one that matches my app's design better?</li>
  <li>Is there a way to just create a replacement <code>RefreshControl</code> that works on both Android and iOS?</li>
  </ol>
  
  <p>I found <a href="https://medium.com/@lennyboyatzis/custom-pull-to-refresh-animations-in-react-native-1efac58609d3" rel="noreferrer">this example</a> of a customized pull-to-refresh, which is what a of other questions/answers here reference, but that solution does not work on Android (at least not per my testing).</p>