React Native Tutorial - 13 - Pressable

📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support Paypal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - [e-mail]
Pressable
React Native Tutorial
React Native Tutorial for Beginners

[@VetrivelDhanush]

one small correction
order of events trigger
1.onPressIn
2.onPress
3.onPressOut
for long press
1.onPressIn
2.onLongPress
3.onPressOut

[@tbm1895]

They are working as expected : )

[@michealskup5730]

That was helpful, thank you!

[@hunglemanh6535]

3:36
the correct flow is:
onPressIn => onPress => onPressOut

[@MinisterGold]

Also, is there any reason why you would use TouchableOpacity instead of Pressable or vice versa?

[@MinisterGold]

I noticed images can't handle onPress events but Text can. So, I guess with Text, you would only use Pressable when you're want an onPress event on more than one consecutive Text component at a time.

[@kevincliffpomar1634]

Bro! you have the react native dedicated playlist for this? I'm currently at EP 26 of your react js. im planning to proceed on native😊

[@Codevolution]

There is!

[@hunglemanh6535]

How about TouchableOpacity and TouchableHighlight? Are these deprecated?

[@Azer_Oner]

What’s difference between Pressable and TouchableOpacity please ? And which it’s preferable to use ?

[@auronvila1069]

In US we say same sh*t different toilet :)

[@klirmio21]

TouchableOpacity is deprecated now by the official docs, they encourage to use Pressable now.
As far as I understood they are both basically the same, used to wrap around an element which is not usually pressable, but then you can press on it and attach a onPress event listener to Pressable and basically make any element pressable
The difference is that TouchableOpacity provide a out of the box opacity fading upon press (visual indication that you pressed the button), but Pressable does not provide any feedback.

[@ramakrishna-hw5bg]

Can we differentiate ios and android press

[@Neil_09]

Yes, he says which one, the iOS and android. Also, the iOS button does not have a blue padding around it. Listen closely.

[@rishiraj2548]

👍🙏

[@ApexModi6000]

First

[@seddeknadhem5638]

import React, { useState } from "react";
import { Pressable, View, Text } from "react-native";
const MyComponent = () => {
const [count, setCount] = useState(0);
const onPress = () => {
setCount(count + 1);
};
return (


Press Me

Count: {count}

)
}
export default MyComponent;

[@Jykobe491]

Jesse wtf are you talking about?

[@ryansatriayudha]

I tried