问题标签 [react-native-gesture-handler]

我正在尝试使用带有功能组件的手势处理程序。问题是当我第二次拖动时，它再次从初始位置拖动

这是我下面的代码

我正在尝试将 react-native-reanimated 与 react-native-gesture-handler 一起使用，但我无法使其正常工作。似乎手势处理程序没有触发事件。我按照说明安装 react-native-gesture-handler，更新了 CLI，在 MainActivity.java 中添加了一些代码（https://docs.swmansion.com/react-native-gesture-handler/docs/#android）

我正在使用 RN@0.63.2、node@10.18.0 和 react-native-gesture-handler@1.7.0

我目前正在关注本教程，但我无法让 PanGestureHandler 工作，而且它也不能与 TapGestureHandler 一起工作。这是代码（基本上是教程中的代码）：

你们有什么想法为什么这不起作用？

在我的 React Native 0.62.2 应用程序中，react-native-gesture-handler 1.6.1用于react-native-animated 10.10.1使图像网格可拖动。问题是所有上传的图像网格都一起移动而不是单独拖动。这是可拖动图像网格的代码：

这是 2 个图像网格一起向左拖动，但不仅移动了一个网格

1 张图像被拖动，但 2 张图像一起移动

因此，我按照文档安装了 react-navigation 5.x，并在将其粘贴到import 'react-native-gesture-handler';我的 index.js 中后弹出内部错误，指出它无法解析在 react-的 package.json 中指定的某些“主”模块本机手势处理程序。

这是我得到的错误。我查看了其他一些类似的解决方案，其中他们声明要链接 react-native，但我猜这些步骤是针对以前的版本的。

这表示 react-native-gesture-handler 中有索引，但是有！！

请帮忙，因为我是 react-native 的新手，这样的错误只会让你失去动力

我的 0.62.2 应用程序中有一个简单的拖动动画。拖动是用react-native-gesture-handler 1.6.1和实现的react-native-reanimated 1.10.1。拖动的项目是方形网格中的图像。一行中有 2 个网格或 3 个网格来显示图像。这是在方法中渲染单个图像的代码displayImg：

这是渲染图像数组的渲染代码：

图像可以四处拖动。但是，在添加新图像并导致重新渲染后，之前加载的图像无法拖动并停止响应拖动。但是新添加的图像仍然可以拖动。我感觉问题可能与平移手势处理和动画的代码有关，但无法找出问题所在。有关于类似问题的帖子，但不完全相同。

在我的 RN 0.62.2 应用程序中，动画值的声明更改为 use 后出现错误useRef。没有错误的代码是：

由于它是功能组件，因此我正在关注添加的文档：react-native-reanimateduseRef

更改后，上面的行会引发错误：

尝试了以下，问题是一样的：

试过useValue了，错误是一样的。除了上面链接的文档之外，没有太多关于如何使用useRef的信息。react-native-reanimated

更新：

代码太长太乱。该方法displayImg是在其父组件定义的区域中显示单个图像。如果父组件中有多个图像（dateLen > 1），则显示的每个图像displayImg都可以拖动并且需要动画。useRef用于在每次重新渲染后保持状态。

我想在我的 Header 中实现来自 MaterialIcon 的菜单图标，当我点击这个图标时，我想打开一个菜单。问题是，如果我在此图标中添加边距或其他内容来定位图标，则 Touchable onPress 无法正常工作。首先，我使用 zIndex 进行绝对定位，并且每次都不会触发 onPress。假设点击 100 次 onPress 被触发 3 次。我已经找到了与相对定位和边距相同的行为。我还尝试从 react-native-gestures 或 react-native 实现 Touchables。在我删除边距的那一刻，Touchable 可以正常工作。每次按下此图标时都会触发 onPress get。非常好奇。怎么了？有人知道这个问题吗？

这是我的代码：

我是react-native-gesture-handler用来实现刷卡的。我不知道如何实现删除，如果我滑动它，该项目不会完全滑动和删除，因为我真的需要帮助。

现在它只是滑动然后捕捉

请有人看看我的代码，看看我如何实现完全滑动删除。我真的很感激它！！！！

我正在使用这个库： https ://github.com/software-mansion/react-native-gesture-handler

我对如何获取元素的实际 x,y 坐标有点困惑。我在解释...

这是初始状态：

拖动后，event.nativeEvent.absoluteX我得到了38

但我想要0因为元素得到了左侧区域。

只有当我将触摸移到最左边的区域时，我才会得到0 。像这样，

但在这种情况下，这种类型的解决方案对我不起作用

这是我的代码：

请帮忙！提前致谢。

我向你求助，请求帮助找出原因，在 React Native 中使用 reanimated 和 PanGestureHandler，我可以拖动一个对象一次，但是当手势事件结束并且我更新状态时，第二个 - > Nth 拖动动画不会发生了。

在我实际的 Android 9 设备上：

1. 我可以在应用程序加载后立即拖动对象，当我拖动它时，我看到对象跟随我的手指（正确的行为）
   • 触摸冒泡到父容器，这并不理想，但在这个更大的问题解决后，这是我要处理的事情
2. 在第二次拖动时，当我的手指向下时，对象似乎被卡住了，当我从屏幕上松开手指时，对象会跳到新位置（不正确的行为）

这是重现问题的小吃，但我在实际的 Android 9 设备上看到的问题发生在使用 snap.expo.io 上的 iOS 仿真： https ://snack.expo.io/@aproximation/react-本机可拖动

正在使用的库是：

• 反应：16.11.0
• 反应原生：0.63.2
• 反应本机手势处理程序：1.6.0
• React Native 复活：1.13.0
• 世博会：38.0.10

最后，我还在这里创建了一个问题，以防它是 React Native Gesture Handler 的错误：https ://github.com/software-mansion/react-native-gesture-handler/issues/1194

谢谢！