React Native - 长按并显示额外信息

React Native - LongPress and display extra information

在 React Native 中,我想实现以下结果(示例): example1 example2

长按图像(或touchableOpacity),我希望显示一些额外信息(可以是图像或文本)的叠加视图。当手指离开屏幕时,信息消失。我在想它是否与覆盖视图和setState有关,但我找不到只在长按时显示视图的功能。有没有办法做到这一点?或者有没有可以提供解决方案的模块?

如有任何帮助,我们将不胜感激!

如果您使用的是最新的 React Native 版本,您可以使用可按下组件的 onPressOut 功能:https://reactnative.dev/docs/pressable.

使用 onLongPress(或 onPressIn 但它不是一个好的 UX)功能触发显示覆盖,然后使用 onPressOut 功能触发隐藏覆盖。

对于叠加层,我建议您使用一个很酷的库,例如: https://reactnativeelements.com/docs/tooltip/