refreshing, onRefresh are not working

[bingbing720]

"react": "16.9.0" "react-native": "0.61.4" "react-native-draggable-flatlist": "https://github.com/computerjazz/react-native-draggable-flatlist.git" Jan 8 2020

[Karthik-B-06]

This worked for me.

Import RefreshControl from react-native import { RefreshControl } from 'react-native';

And use it like this

<DraggableFlatList 
      showsVerticalScrollIndicator={false}
      contentContainerStyle={{
        paddingBottom: 50,
      }} 
      refreshControl={
        <RefreshControl
          tintColor={'#FCF450'}
          onRefresh={_onRefresh}
          refreshing={refreshing}
        />
      }
      data={draggableList}
      renderItem={_renderDraggableItem}
      keyExtractor={(item, index) => `draggable-item-${index}`}
      onDragEnd={_onDragEnd}
/>

The DraggableFlatlist component spreads the props to the interior FlatList.

[bingbing720]

Thanks @Karthik-B-06 I will check it later. Does it mean this component has prop which name is RefreshControl?

[Karthik-B-06]

@bingbing720 No. RefreshControl https://reactnative.dev/docs/refreshcontrol is a component used inside a for enabling pull to refresh functionality. The component spreads the props to the inside, accepts refreshControl prop because it inherits all props of .

[kevinpiske]

Same problem here... Using RefreshControl works, but the scroll stop work.

[Karthik-B-06]

@kevinpiske Are you facing the issue in android ??

[kevinpiske]

@Karthik-B-06 yes, not tested on iOS.

[rvieceli]

Same problem in android here, in iOS looks good (i'm testing).

[dev-sathish]

This worked for me.

Import RefreshControl from react-native import { RefreshControl } from 'react-native';

And use it like this

<DraggableFlatList 
      showsVerticalScrollIndicator={false}
      contentContainerStyle={{
        paddingBottom: 50,
      }} 
      refreshControl={
        <RefreshControl
          tintColor={'#FCF450'}
          onRefresh={_onRefresh}
          refreshing={refreshing}
        />
      }
      data={draggableList}
      renderItem={_renderDraggableItem}
      keyExtractor={(item, index) => `draggable-item-${index}`}
      onDragEnd={_onDragEnd}
/>

The DraggableFlatlist component spreads the props to the interior FlatList.

This one is working fine. guys please follow this props for onRefresh in draggable flat list. Thanks but onScroll is not working..

[invibot]

Looks like pull-to-refresh is still not working on Android

 ...
      refreshControl={
        <RefreshControl
          tintColor={'#FCF450'}
          onRefresh={_onRefresh}
          refreshing={refreshing}
        />
      }
 ...

[hakanpinar]

I'm having the same issue :/

    <DraggableFlatList
                onDragEnd={onDragEnd}
                data={favouriteTeams}
                renderItem={renderTeam}
                keyExtractor={(item, index) => index.toString()}
                refreshControl={<RefreshControl refreshing={favouriteTeamsAreLoading} onRefresh={refreshFavouriteTeams} />}
                contentContainerStyle={isEmpty(favouriteTeams) && ApplicationStyles.center}
                ListEmptyComponent={<Text style={ApplicationStyles.text.regular}> 
                {Language.favouritesScreen.noFavouriteTeamsAdded}</Text>}
            />

[dev-sathish]

This worked for me. Import RefreshControl from react-native import { RefreshControl } from 'react-native'; And use it like this

<DraggableFlatList 
      showsVerticalScrollIndicator={false}
      contentContainerStyle={{
        paddingBottom: 50,
      }} 
      refreshControl={
        <RefreshControl
          tintColor={'#FCF450'}
          onRefresh={_onRefresh}
          refreshing={refreshing}
        />
      }
      data={draggableList}
      renderItem={_renderDraggableItem}
      keyExtractor={(item, index) => `draggable-item-${index}`}
      onDragEnd={_onDragEnd}
/>

The DraggableFlatlist component spreads the props to the interior FlatList.

This one is working fine. guys please follow this props for onRefresh in draggable flat list. Thanks but onScroll is not working..

If not please see #242 and use it in that way but it, not a solution.. you have your swipe at the topmost of the screen.

[hraschan]

Same problem. Works on IOS but not on Android

[hraschan]

Any updates on this issue?

[thanhluantl2304]

still waiting for solution. Any update???

[AhmedAliIS]

Still Waiting for solution.. Any updates?

[bwjohns4]

Any updates here?

[pardoxKH]

Any updates on this issue?

[mordechaim]

❗❗

To fix this issue, use the RefreshControl component from react-native-gesture-handler instead:

-import { RefreshControl } from 'react-native'
+import { RefreshControl } from 'react-native-gesture-handler'

[WAQAZ0178]

NOTE import { RefreshControl } from 'react-native-gesture-handler'

  <DraggableFlatList
                  data={watchlistData}
                  renderItem={({item, drag}) => renderItem(item, drag)}
                  keyExtractor={(item, index) => index.toString()}
                  onDragEnd={onDragEnd}
                  contentContainerStyle={{
                    marginTop: responsiveHeight(2),
                    paddingBottom: responsiveHeight(20),
                  }}
                  refreshing={true}
                  refreshControl={
                    <RefreshControl
                      refreshing={loading}
                      onRefresh={onRefresh}
                    />
                  }
/>

[jgudo]

NOTE import { RefreshControl } from 'react-native-gesture-handler'

  <DraggableFlatList
                  data={watchlistData}
                  renderItem={({item, drag}) => renderItem(item, drag)}
                  keyExtractor={(item, index) => index.toString()}
                  onDragEnd={onDragEnd}
                  contentContainerStyle={{
                    marginTop: responsiveHeight(2),
                    paddingBottom: responsiveHeight(20),
                  }}
                  refreshing={true}
                  refreshControl={
                    <RefreshControl
                      refreshing={loading}
                      onRefresh={onRefresh}
                    />
                  }
/>

The only problem now is that the Refresh control gets triggered upon dragging an item down.