React Native手柄触摸释放

时间:2019-02-08 22:33:02

标签: react-native

我有一个组件,当用户长按卡片时,我会显示该卡片的较大版本。

想法是,只要用户按住触摸,就会显示较大的卡片,然后仅在手指松开时才会隐藏(例如instagram长按)。我试图使用onLongPress的{​​{1}}和onPressOut道具来对此进行归档,但事实是onPressOut道具具有一些他们称为“取消”的东西,

  

/ **        *释放触摸时调用,        *,但不会被取消(例如,通过窃取响应者锁的滚动条)。        * /

正在发生的事情是,当用户按住并移动手指时,会调用<TouchableHighlight>道具,因此隐藏了较大的卡片。

这是代码:

onPressOut

这是显示正在发生的事情的GIF:

GIF

我想要的是仅在用户正确释放手指时才触发的东西,而不管他是否在左右移动手指。预先感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

尝试设置偏移量https://facebook.github.io/react-native/docs/touchablewithoutfeedback#pressretentionoffset,或在touchablewithoutfeedback中转换您的根视图,然后在那里调用onPressOut