react-native - 如何正确使用 React Native onLongPress？

Question

我有一段简单的代码，它只是一个带有 onLongPress 道具的 TouchableOpacity，但它似乎不起作用。

<TouchableOpacity delayLongPress={10} onLongPress={()=>{console.log("pressed")}} activeOpacity={0.6}>
  <Text>BUTTON</Text>
</TouchableOpacity>

我试过删除延迟道具，但这仍然不起作用。然而，将 onLongPress 更改为 onPress 似乎确实有效，但我想要长按功能。我正在 Android 模拟器上对此进行测试。

Answer 1

根据这个问题，这是在启用了 React Native Debugger 的真实设备上进行测试后随机发生的。禁用 React Native Debugger 将使您的问题消失。

Answer 2

如果您想在长按时显示视图并在释放时将其隐藏：

<TouchableOpacity
    onPress={this._onPress}
    onLongPress={this._onLongPress}
    onPressOut={this._onPressOut}
>
            ....
</TouchableOpacity>



_onLongPress = () => {
    this.setState({
        modalVisible: true
    })
}
_onPressOut = () => {
    this.setState({
        modalVisible: false
    })
}

Answer 3

您可以在 IOS 模拟器或发布包中进行测试。