Screen freezed while pull to refresh

[JAbdulkareem]

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

Pull.to.Refresh.issue.mp4

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
      />

[krishnan-456]

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

[KalaiselvanK-018]

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

[JAbdulkareem]

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

[KalaiselvanK-018]

Same here @JAbdulkareem

[KalaiselvanK-018]

Is there any solutions please leave a comment guys..

[AndrewIngramDev]

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

[JAbdulkareem]

"react-native-gesture-handler" : 2.30.0

Hai, import RefreshControl from "react-native-gesture-handler". Its works for me.