react-native-draggable-flatlist icon indicating copy to clipboard operation
react-native-draggable-flatlist copied to clipboard

Screen freezed while pull to refresh

Open JAbdulkareem opened this issue 4 months ago • 5 comments

I am working on the Draggable list for so long. This issue occurs when i migrate my Project from RN 0.72 to 0.78 and others packages too. When i pull to refresh, it freezed and stuck for so long, But once i Tap the screen or perform User interaction its become stable. The Tried out all the Animation handling function such as runOnUI, runOnJS and InteractionManager too . Refer the video attached below and kindly provide me the Solution.

Platform & Dependencies

  • react-native-draggable-flatlist version: 4.0.3
  • Platform: Android
  • React Native : 0.78.0
  • Reanimated version: 3.17.0
  • React Native Gesture Handler version: 2.25.0

https://github.com/user-attachments/assets/f82c05ad-f90f-48ec-98de-bb86ae1fa098

import {RefreshControl} from 'react-native;
import DraggableFlatList from 'react-native-draggable-flatlist';

  const onRefresh = () => {
        setRefresh(true)
        fetchData()
    }


<DraggableFlatList
   refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}
   data={listData? listData: []}
   contentContainerStyle={{ flex: listData?.length == 0 ? 1 : undefined, paddingBottom: 90 }}
    keyExtractor={(item, index) => item?.id?.toString?.() || item?.categoryName || index?.toString()}
      ListEmptyComponent={<ListEmpty />}
       showsVerticalScrollIndicator={false}
      containerStyle={{ flex: 1}}
       nestedScrollEnabled
      />

JAbdulkareem avatar Sep 01 '25 13:09 JAbdulkareem

Facing same issue here. If we import RefreshControl from 'react-native-gesture-handler', then the draggable flatlist freezed

krishnan-456 avatar Sep 15 '25 14:09 krishnan-456

Facing same issue, here. If we import RefreshControl from 'react-native', then the draggable flatlist freezed.

KalaiselvanK-018 avatar Sep 22 '25 06:09 KalaiselvanK-018

Facing same issue, here. If we import RefreshControl from 'react-native', then the draggable flatlist freezed.

But once i do any interaction in screens, it works perfect

JAbdulkareem avatar Sep 22 '25 08:09 JAbdulkareem

Same here @JAbdulkareem

KalaiselvanK-018 avatar Sep 22 '25 08:09 KalaiselvanK-018

Is there any solutions please leave a comment guys..

KalaiselvanK-018 avatar Sep 22 '25 08:09 KalaiselvanK-018

Have you tried on a physical device? Maybe it's an emulator thing?

Ichiritzu avatar Dec 27 '25 00:12 Ichiritzu