如何解决React Native - 长按并显示额外信息
在 React Native 中,我想实现以下结果(示例): example1 example2
在长按图片(或touchableOpacity)时,我希望显示一些额外信息(可以是图片或文字)的叠加视图。当手指离开屏幕时,信息消失。我在想它是否与覆盖视图和 setState 相关,但我找不到视图仅在长按时出现的功能。有没有办法实现这一目标?或者是否有可以提供解决方案的模块?
任何帮助将不胜感激!
解决方法
如果您使用的是最新的 React Native 版本,您可以使用可按下组件的 onPressOut 功能:https://reactnative.dev/docs/pressable。
使用 onLongPress(或 onPressIn 但它不是一个好的用户体验)函数触发显示覆盖,然后使用 onPressOut 函数触发隐藏覆盖。
对于叠加层,我建议您使用一个很酷的库,例如: https://reactnativeelements.com/docs/tooltip/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。