title: Hiding RefreshControl in Android React Native
body: <p>I have a requirement where I want to hide the refresh indicator completely of Refresh Control for Android. I already set most of the color properties to transparent by still see gray circular indicator. Is there any way to completely hide this circular indicator. Link to gif about what is hapenning: <a href="https://imgur.com/dkAmkC6" rel="nofollow noreferrer">http://imgur.com/dkAmkC6</a></p>
  
  <p>This is my code:</p>
  
  <pre><code>import React, {Component} from 'react';
  import {
    StyleSheet,
    Text,
    TextInput,
    View,
    FlatList,
    Dimensions,
    RefreshControl,
    ToastAndroid,
  } from 'react-native';
  
  
  import Constants from './Constants';
  
  
  
  export default class TestList extends Component {
  
    constructor(props) {
      super(props);
      this.rows =[{id: 1},{id: 2},{id: 3},{id: 4}];
      this.state = {
        refreshing: false,
      }
    }
  
  
    renderItem(row) {
      return (
        &lt;Text style={{fontSize: 20, borderBottomWidth: 1, borderColor: 'red', color: 'blue', height:80}}&gt;{row.item.id}&lt;/Text&gt;
        )
      }
    render() {
      return (
        &lt;View style={[styles.container]}&gt;
          &lt;FlatList
            data={this.rows}
            renderItem={this.renderItem.bind(this)}
            overScrollMode='always'
            style={{flex: 1}}
            keyExtractor={(item) =&gt; item.id}
            removeClippedSubviews={false}
            keyboardShouldPersistTaps='always'
            refreshControl={
              &lt;RefreshControl
                colors={['transparent']}
                style={{backgroundColor: 'transparent'}}
                progressBackgroundColor='transparent'
                refreshing={this.state.refreshing}
                onRefresh={() =&gt;
                ToastAndroid.show('Refresh completed with short duration', ToastAndroid.SHORT)}/&gt;}
            ref="FlatList"/&gt;
        &lt;/View&gt;
      )
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
    },
  })
  
  
    [1]: http://imgur.com/dkAmkC6
  </code></pre>