有没有办法让＃34; onPress＆＃34;和＆＃34; onLongPress＆＃34;在同一＆＃34;按钮/ TouchableOpacity＆＃34;

Question

我想知道是否有办法让onPress和onLongPress使用相同的按钮/ TouchableOpacity，在反应原生的javascript中， 如果是这样，我该怎么做？

Answer 1

是的，根据docs，您可以添加onPress和onLongPress道具。

为了记录，TouchableOpacity继承了TouchableWithoutFeedback上可用的所有道具。

<TouchableOpacity
  onPress={() => { console.log("onPress") }}
  onLongPress={() => { console.log("onLongPress") }}
>
   ...
</TouchableOpacity>

Answer 2

我将以下代码与“ react”：“ 16.6.3”和“ react-native”：“ 0.58.5”一起使用

handlerLongClick = () => {
    //handler for Long Click
    Alert.alert(' Button Long Pressed');
};
handlerClick = () => {
    //handler for Long Click
    Alert.alert(' Button Long Pressed');
 };
<TouchableOpacity
    onLongPress={this.handlerLongClick}
    onPress={this.handlerClick}
    activeOpacity={0.6}
    style={styles.button}>
        <Text style={styles.TextStyle}> LONG PRESS THE BUTTON </Text>
</TouchableOpacity>