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

当我想安装 reac-navigation、react-native-gesture-handler 和 react-native-reanimated 时，我正在使用 react-native 0.59.10 制作一个项目。我得到错误并且项目没有建立，我应该使用它们每个的特定版本吗？

我已经包裹在里面，我希望在 Flatlist 到达顶部时接管平移手势。全屏扩展时类似于 Spotify 的音乐播放器。任何帮助表示赞赏。

我正在使用它在animated.view https://software-mansion.github.io/react-native-gesture-handler/docs/handler-pan.html上实现平移

此动画视图还使用相同的库启用了捏合和缩放

当视图处于其正常缩放/比例时，平移将按预期工作。视图随着手指移动。

如果您缩小（视图变小），平移手势移动的视图像素会随着手指的每个等效移动而减少。

如果放大（视图真的很大），平移手势会移动很多视图。因此，即使您手指的最细微移动也会显着移动视图，并且很难获得准确的平移。

有没有办法根据你有多少缩放/比例来调整平移灵敏度？我似乎在文档中找不到任何可以使它起作用的属性。有解决办法吗？

想要的最终结果：
缩小，提高平移速度/灵敏度
放大，降低平移速度/灵敏度

我在这里设置了一个博览会小吃，您可以在其中拖动图像并查看 X/Y 坐标。我不明白为什么如果我拖动左上角的图像，坐标是负数。您可以争辩说该位置是相对于起点的。但正如您在 Cardeditor.js 文件中看到的那样，cardItems 状态 X 和 Y 都设置为 1。在我的应用程序中（不在示例中），用户能够导航到卡片处于横向模式的另一个屏幕，所以我必须将图像重新定位在正确的位置，为此我需要确保左上角始终为 x:0 和 y:0。这个问题可能与绝对/相对定位有关，但我在网上找不到任何信息来源。

如何在调用 react Animated.Event 的同时将我的 data.id 发送到自定义函数？我创建了多个信息视图，每个视图都有一个按钮可以转到该信息视图的详细信息页面。目前，我不知道如何执行此操作，因为 onHandlerStateChange 调用了一个反应事件来为屏幕设置动画。如何将这个 data.id 从 TapGestureHandler 获取到一个函数，以便我可以适当地更改详细屏幕上的内容？

Android 模拟器环境：Pixel_3_XL_API_29

每当我在基于 expo 的应用程序中使用任何反应导航组件（例如堆栈或抽屉）时，并用鼠标单击屏幕上的任意位置时，它都会崩溃。如果我删除

在下面的示例中，并将其替换为

，一切正常。注意：LoginScreen 只是一个没有任何逻辑的空白屏幕。

我可以在 adb 日志中看到以下错误

包.json

应用程序.js

登录屏幕

注意：我在 react-navigation 4 和 5 中遇到同样的错误

实现这一目标的方法是什么。

带有 Animated.event 的回调工作正常

带块的回调没有反馈:(

*const onHandlerStateChange = block([set(bottom, add(bottom, 10))]); *在这里不起作用

我理解 Animated.Code 并且我在每一帧中都得到了 console.log

我想知道 Animated.interpolate 的输出当前值

代码片段

我不理解来自console.log(headerY)的对象

我想知道单个当前值？

我有一个动画标题，当滚动视图向下滚动时，它会变小并且不透明度增加。在它下面有一个过滤器栏，在它完全夹紧后需要贴在动画标题的下方。我就是这样做的position:"absolute"，并使该视图遵循 y 值。问题是，当动画标题尚未完全夹紧时，它看起来很迟钝，而当它向上滚动时，它看起来更糟。最重要的是，滚动指示器隐藏在 position:'absolute' 过滤栏视图后面......我认为解决方案是让该视图具有相对位置，然后将其更改为绝对......但我需要知道是否有一种将样式更改为的position:"relative"方法position:"absolute"在它完成夹紧后，它看起来很光滑，直到它夹紧，或者至少有一种方法可以做到这一点而不会看起来滞后，任何帮助都是非常感谢的。这里有一些代码（一些标签可能没有关闭，但你明白了要点）：

这样做：

https://www.youtube.com/watch?v=4GdnkUEdmko

当该视图具有位置时，它可以完美滚动：'relative'，我希望它像那样，但是当动画标题已夹紧时更改为位置：'absolute'..

编辑：我正在使用 react native version .61.5 reanimated ^1.7.0，gesture-handler ^1.6.0，react navigation x4 库。这是在 android samsung Galaxy s6 devmode 上测试过的（在生产上也是一样的）

当在 NPM 安装期间安装的 ReactNativeGestureHandler 版本与安装的 React-Native 版本不兼容时，就会出现此问题。