title: React-Native flat list pull to refresh not showing
body: <p>I am working on pulling flatlist and refresh with the header. When it comes to execution, the spinner does not show up. Please tell me what do I have to fix. Do we need to use Refresh Control? </p>
  
  <p>Environment</p>
  
  <p>react-native-cli: 2.0.1</p>
  
  <p>react-native: 0.52.0</p>
  
  <p>node : v8.9.4</p>
  
  <pre><code>class ListSwipe extends Component {
  
    constructor(props) {
      super(props);
      this.state = { keywords: "", isLoading: true , results:[] , oldresults:[] , isFetching: false }     
    }
  
    componentDidMount() { 
      return fetch('https://reactnativecode.000webhostapp.com/FruitsList.php')
        .then((response) =&gt; response.json())
        .then((responseJson) =&gt; {
          this.setState({
            isLoading: false,
            isFetching: false  ,
            results: responseJson,
            oldresults: responseJson
          },...
  
  makeRemoteRequest() {
  ....
  }
  
  handleRefresh = () =&gt; {
  
    this.setState({ isFetching: true }, function() {
      this.makeRemoteRequest()
    });
  
  }
  
  
   ....
                &lt;ScrollView style={styles.scroll}&gt;
  
  
          &lt;Text&gt; Keywords : {this.state.keywords} &lt;/Text&gt;
  
  
  
                 {this.state.loading ? (
                  &lt;Spinner /&gt;
            ) :  &lt;FlatList 
                   extraData={this.state}
                  data={this.state.results}
                  keyExtractor={(item, index) =&gt; item.id}
                  renderItem={( {item} ) =&gt; {
                      return &lt;ListItem&gt;
  
                        &lt;Text&gt;{item.fruit_name}&lt;/Text&gt;
  
                    &lt;/ListItem&gt;
                    }}  
                    refreshing = {this.state.isFetching}                
                    onRefresh ={this.handleRefresh}
                    onRefresh={() =&gt; this.onRefresh()}
  
           /&gt; }
  
          &lt;/ScrollView&gt; 
  </code></pre>