Check Mobile App
Read now

Pressable Component in React-native

Save

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:

 Pressable Component in React-native   Pressable Component in React-native

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

Reference link:- https://reactnative.dev/docs/pressable,

https://reactnative.dev/docs/getting-started 

. . .

Leave a Comment

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


Be the first to comment.

css.php

I have been using Webkul services for almost a year now. They are very professional and knowledgeable people. Always deliver on time and if needed will go out of way to help me out. It's always a pleasure to work with them on new projects.

Talk to Sales

Global

Live Chat
Start a Project

    Message Sent!

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

    Back to Home