Is there a way to have "onPress" and "onLongPress" on same "Button/TouchableOpacity"

Question

I am wondering if there is a way to have onPress and onLongPress on the same button/TouchableOpacity, in react-native with javascript, If so how do I do that?

Answer 1

Yes, according to the docs, you can add an onPress and onLongPress props.

For the record, TouchableOpacity inherits all the props available on TouchableWithoutFeedback.

<TouchableOpacity
  onPress={() => { console.log("onPress") }}
  onLongPress={() => { console.log("onLongPress") }}
>
   ...
</TouchableOpacity>