onPress works after delay on Android

"react-native-draggable-flatlist": "2.0.10", "react-native": "0.61.5",

Simple instance.

<DraggableFlatList
   data={this.props.words}
   renderItem={this.renderItem}
   ...
/>

Any touchable components inside of renderItem component works only after some press delay. Only click is not working, it needs press and wait a bit. Looks like it’s about 100-200 ms. iOS works perfectly, problem is only on Adroid.

[theashguy]

Hi there all / @computerjazz!

I can confirm that applying the react-native-gesture-handler touchables works well to solve this one. In my case I’m applying them as an alternative component based on the platform to my ListItem as follows (this example is incomplete obviously):

import {
  Platform,
  TouchableHighlight
} from 'react-native';

import {
  FlatList,
  TouchableNativeFeedback
} from 'react-native-gesture-handler';

<FlatList
    ...props...
    renderItem={({ item }) => (
        <ListItem
            ...props...
            Component={Platform.select({
                android: TouchableNativeFeedback as any,
                default: TouchableHighlight
            })}
            onPress={() =>
                // Do your thing
            }
         />
    )}
/>

Likely should still be looked into as a bug, but this workaround is fully functional and doesn’t seem to have any negative effects. Enjoy!

[gyurui]

Same issue here. I used this workaround but I am not so satisfied with it:

https://github.com/computerjazz/react-native-draggable-flatlist/issues/99#issuecomment-569099474