Check Mobile App
Read now
Start a Project

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

Great Product, Great Team, and Great Support Service. And if you want to add more features to the product, they can submit any idea that comes to your mind. They really care about their clients and we are really happy and honored to deal with Webkul.

Osama
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