Refresh Controll stops working if listView exits the screen

1

I'm trying to get a list of Firebase items, including images, that are going to be rendered in a ListView.

But the problem is that when the ListView gets larger than the screen, then RefreshControl no longer works.

Running, with a full list "inside" the screen

Not working, if pulled, this "limit" effect appears

Render method

   <View contentContainerStyle={{ flex: 1 }}>
    <ListView
      enableEmptySections
      dataSource={this.dataSource}
      renderRow={this.renderRow}
      refreshControl={
        <RefreshControl
          refreshing={this.state.refreshing}
          onRefresh={this.onRefresh.bind(this)}
        />
      }
    />
  </View>
  onRefresh() {
    this.setState({ refreshing: true });
    this.props.eventsFetch();
  }

I have tried using FlatList but it will not work.

    
asked by anonymous 14.09.2017 / 20:55

0 answers