FlatList refresh control

[tallen11]

Replacing the standard react-native FlatList with the one from this library has made refreshing not work. I'm setting the refreshing and onRefresh props like normal and no refresh control appears. Is there further setup for this library?

[osdnk]

Could you add some example? I'm using it and it works okay for me

[harryfinn]

@tallen11 - I had the same issue, appears that the FlatList component from the gesture handler lib doesn't support onRefresh & refreshing props directly on the component, like the RN component. Instead add the RefreshControl element prop to the FlatList component like so:

<FlatList
  refreshControl={
    <RefreshControl
      refreshing={this.state.isRefreshing}
      onRefresh={() => this.refreshMethod()}
    />
  }
/>

[re-za]

I have the same problem.

@osdnk - Let say we have the following:
<FlatList data={data} renderItem={renderItem} refreshControl={ <RefreshControl refreshing={refreshing} onRefresh={onRefresh} /> } />;

I've realized that RNGH behaves differently in the two following scenarios:

1. RefreshControl works if renderItem has the following shape:
   const renderItem = () => ( <View> <Text>Foo</Text> </View> )

2. But it doesn't work for the following:
   const renderItem = () => ( <View> <Text>Foo</Text> <Text>Bar</Text> </View> )

No idea what is causing this though

[haibert]

Any answers for this? im having the same issue

[ireshdudeja]

@tallen11 - I had the same issue, appears that the FlatList component from the gesture handler lib doesn't support onRefresh & refreshing props directly on the component, like the RN component. Instead add the RefreshControl element prop to the FlatList component like so:

<FlatList
  refreshControl={
    <RefreshControl
      refreshing={this.state.isRefreshing}
      onRefresh={() => this.refreshMethod()}
    />
  }
/>

On iOS it worked, but on android it doesn't work (when the list is large).

[gdoudeng]

Is there any way to solve this problem？

[vishalnarkhede]

@osdnk I am facing the same issue. So pull-to-refresh works perfectly fine on iOS. Although on Android, if the list size is more than the screen-size (basically when scroll shows up) - in that case pull-to-refresh doesn't work. I have setup an Expo snack to reproduce this issue - https://snack.expo.io/@vishalnarkhede/gesture-handler-flatlist-issue

[exzos28]

The problem is actual

[swizes]

@osdnk This issue should be reopened. On iOS it works, on Android it does not.

[Livijn]

@vishalnarkhede You should create a new issue for this.

[Fortidude]

Still have the issue on android

[iasinov]

For those experiencing this issue on Android, ensure that you import RefreshControl from react-native-gesture-handler, not from react-native.