Android TouchableOpacity 间歇性“错误”

Question

I'm having an intermittent problem with the TouchableOpacity component in react-native.

I basically click on the element, it performs the opacity animation normally, but my console.log runs randomly. In iOS works correctly.

My code:

<TouchableOpacity style={{backgroundColor:'red'}} onPress={async () => {
  console.log('Button '+item.tag+' pressed.');
}}>

NOTE: I've tried calling this function without async.

Answer 1

I found the solution!

PanResponder was detecting micro movements on simple touch. In the onMoveShouldSetPanResponder parameter I defined the following function:

    panResponder = PanResponder.create({
        onMoveShouldSetPanResponder: (e, g) => {
            return Math.abs(g.dx) > 2 || Math.abs(g.dy) > 2;
        },
        ...
    });