title: React Native ScrollView/ListView RefreshControl intitially ugly on top right
body: <p>I'm having a <code>RefreshControl</code> attached to a <code>ScrollView</code>. It all works as expected but initially (when I didn't start scrolling), there's always showing a <code>RefreshControl</code> on the top right. When I start scrolling, it disappears. </p>
  
  <p>Any idea how to get rid of that?</p>
  
  <p>Code is nothing special, if you want, i'll give it here:</p>
  
  <pre><code>// ...
  export default class SomeList extends React.Component
  {
      // ...
      render() {
          return &lt;View style={{flex: 1}}&gt;
              &lt;CustomNavbar /&gt;
              &lt;ScrollView 
                  style={{marginTop: 35}}
                  refreshControl={
                      &lt;RefreshControl
                          tintColor={$.config.colors.style}
                          onRefresh={() =&gt; this._refreshList()}
                          refreshing={this.state.listRefreshing}
                      /&gt;
                  }
              &gt;
                  {this._renderItems()}
              &lt;/ScrollView&gt;
          &lt;/View&gt;
      }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/uQISO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uQISO.png" alt="image of issue"></a>
  </p>
  
  <p><a href="https://i.stack.imgur.com/ythm5.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ythm5.gif" alt="enter image description here"></a></p>