问题标签 [panresponder]

我有一个评论列表，我想拖放这些评论并重新排序。这是列表的样子：https ://i.stack.imgur.com/sozkK.png

我的问题是我想在用户拖动评论时向用户显示项目所在的“预览”，因此每次将项目拖到列表中的另一个项目上时，我都会对列表进行重新排序，交换这两个但是然后当前正在拖动的项目更改为我正在拖动的项目。假设我有一个数组 ["a","b","c"]，如果我拖动 A 并越过 B，我拖动的项目将转换为 B（因为 B 现在位于数组）。我想要的是简单地显示如果将要拖动的项目放在那里，列表的外观的预览

这是我的组件：

父级中的功能：

当我尝试使用 实现ScrollView自定义底部侧板弹出窗口时PanResponder，ScrollView滚动将不起作用。

我想使用垂直或水平滚动的 ScrollView，虽然我使用FlatList，但结果是一样的。

先感谢您！

用例

我需要利用PanResponder用手指移动视图。一旦手指从屏幕上抬起，视图应该以动量保持在移动方向上移动，并以减速的速度停止。

问题

我可以使用Animated.decay方法实现用例onPanResponderRelease。但是当我再次开始移动视图时，它会捕捉到与其位置的偏移量。

我pan.flattenOffset()按照 PanResponder 文档中的示例进行了尝试，但这没有帮助。只要我不使用Animated.decay方法，它就可以工作。

显示有和没有动量运动的 GIF

有动力的 PanResponder	PanResponder 没有动力

代码

我遇到了 panResponder 无法走出电话屏幕的问题。我从https://reactnative.dev/docs/panresponder#example获得此代码。这里有一些照片。

该框能够拖动/移出屏幕，如何避免这种情况？我很感激帮助。

我正在尝试实现Bottom draggable drawer你在Google Mapsor中找到的那个Apple Maps。

我从这里学习了一个教程：教程，但我仍然无法将我的组件移动到Y axis.

到目前为止，这是我的代码：

而我BottomDrawerType的是这样的：

该组件作为UI，可以导入到另一个文件中，不会使应用程序崩溃，但可拖动操作不起作用。

有人可以帮助我更好地理解这一点Animations并帮助我使该组件可拖动吗？

请原谅我可能在代码中发现的任何错误。

我正在尝试找到一种仅允许子节点捕获 Panresponder 手势的方法。我的目的是让子组件在父组件内自由移动。并且父组件不应该响应任何触摸。因此，它将无法移动。而且，子组件应该只能在父组件边界内移动。到目前为止，我已经创建了一个大圆圈组件。它有一个嵌套在其中的小圆圈。见下图， 点击查看图片 并且在父组件上设置了 Panresponder 属性。但是，当我开始拖动组件时，父组件也会响应触摸。这就是我在 componentWillMount 生命周期中编码的方式，

这是它在渲染方法中的样子，

我的目标是制作最深的节点，即视图组件，它是在大圆圈内移动的黑色小圆圈。大圆圈不应该移动。此外，小圆圈必须只响应大圆圈内的触摸。不幸的是，我仍然被困在这里。似乎大圈子也在回应这些触摸。

请在 react native docs 上查看这个示例。 https://reactnative.dev/docs/panresponder

在设备上，如果您在框外开始触摸然后在框上拖动，则 PanResponder 不会触发（这是预期的行为）

但是在网络上，如果您在框外单击然后将鼠标拖动到框上，框将开始与光标一起拖动。

如果点击响应的元素开始，有没有办法只触发 PanResponder？

我一直在尝试使用 PanGestureHandler 在 2 个平面列表之间手动实现拖放，但是当我尝试拖动元素时，它会停留在平面列表区域内。它不会超出平面列表范围

谢谢你。

我构建了一个模仿 iOS 原生 Slider 的 Slider 组件（Single 和 Range）。我是使用动画和 PanResponder 的新手，所以不完全确定它是如何工作的 + 将它与 useCallback 和 useMemo 一起使用。

下面是该组件的代码，但我还将 GitHub Repo 与导入的组件链接以进行测试。有人可以查看我的代码/给我提示以增强 Slider 组件吗？

GitHub 回购：https ://github.com/jefelewis/react-native-slider

滑块.tsx

我已经看到了一些与我类似的问题，但是我的实现有很大不同，以至于我仍然不确定可行的前进道路。我对 react-native 还是很陌生，而且只用了一天时间就使用了 pan 响应器。

我使用 svgs 创建了一个圆形滑块，松散地基于这个包。我的滑块有一个手柄，从零开始。我想做的是限制用户将知识移动到起点以下（0）或最大值以上的能力。

我的视图呈现为

和我的回复

那里还有一些其他逻辑定义了 ui，但可能与我的问题无关。我想知道的是限制滑块手柄移动的模式是什么。