Pressable Component in React-native

Updated 19 January 2024


Pressable Component in React-native

In this blog, we are going to learn about the new component in react-native “Pressable“. We can say that it is an updated version of  TouchableOpacity. It is a component wrapper similarly to TouchableOpacity means you have to define a child component in it. Pressable can detect various stages of pressing events.

“Pressable” provides us more functions to detect click-event like onPressIn, onPressOut, onPress, and onLongPress. I have used all the mentioned functions in the below snippet.

Let’s do some code:

In conclusion, we will achieve this:


I hope it will help you to integrate the pressable component.

Reference link:-,

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home