在混合应用程序中反应Native Gesture Reponder

时间:2018-07-20 11:59:23

标签: ios reactjs react-native

我正在尝试在单击图像时使用触摸事件位置,以开始从该位置到屏幕中心为图像设置动画。

当react native在全屏模式下显示时,这不是问题。但是,当React Native在混合应用程序中运行并且React Native渲染的屏幕没有占据整个屏幕时(例如在拆分视图模式下或在iPad上的弹出视图中),nativeEvent坐标是全部相对于React Native正在渲染的视图,而不是实际屏幕。

我想获取发生触摸的实际屏幕坐标。有什么解决方法可以做到这一点?

根据Gesture Responder System的文档,所有事件均与根元素有关。我认为这意味着react native的根元素。

我做了一些实验,而本机Dimensions确实为我提供了正确的屏幕尺寸。我首先想到的是使用它来计算React Native屏幕呈现位置的偏移量。但是我真的不知道仅此数据在视图的顶部/底部/左侧/右侧有多少间距。

1 个答案:

答案 0 :(得分:0)

想通了。

当React Native在混合应用程序的子视图中运行时,我可以使用measureInWindow来计算实际的屏幕坐标。

相关问题