反应原生的onmouseenter事件答案

【问题标题】：onmouseenter event in react native反应原生的onmouseenter事件
【发布时间】：2021-02-15 16:10:34
【问题描述】：

对于“onmouseenter”是否有等效的事件。我已经尝试过平移响应器和可滑动

我想检测用户在屏幕上滑动时是否进入一个组件并离开它。

【问题讨论】：

进入一个组件，离开一个组件是什么意思？你说的是不同组件的可触摸区域吗？
是的，所以假设有一个宽度和高度为 100 的视图，当用户在屏幕上滑动时（它的任何部分），如果他进入视图然后离开它，无需抬起手指。就像工具提示对鼠标指针的作用一样。
react-native-gesture-handler 将用于此。
已经试过了，好像没这个东西
那么我认为你不会实现你想要的，因为大多数库都是基于它的。

【解决方案1】：

我用很多代码实现了onMouseEnter的行为，简而言之，实现了一个圆形View作为手指触摸屏幕位置的指示器，并实现了指示器圆圈与你想要onMouseEnter的组件之间的碰撞检测。

要计算碰撞检测，您可以参考areOverlapping = distanceBetweenCenters < circleDiameter in https://dev.to/hrastnik/implementing-gravity-and-collision-detection-in-react-native-2hk5

【讨论】：