React Native Tutorial - 13 - Pressable

📱 Follow Codevolution

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

[hunglemanh]

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

[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.

[MinisterGold]

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

[kevincliffpomar]

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😊

[hunglemanh]

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 ?

[ramakrishna-hwbg]

Can we differentiate ios and android press

[seddeknadhem]

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 (
<View>
<Pressable onPress={onPress}>
<Text style={{fontsize: 20, padding: 50 }}>Press Me </Text>
</Pressable>
<Text style={{fontsize: 20, padding: 50}}>Count: {count}</Text>
</View>
)
}

export default MyComponent;

[ryansatriayudha]

I tried <Text onPress ...
And it worked without {Pressable}
Why?