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

我正在尝试制作一个原生反应屏幕，其中上视图的高度可以通过从底部拖动来调整大小。在此处输入图像描述

(1) 的大小在拖动时增加 (2)

到目前为止，我尝试了两种方法 1. PanResponder

2. 泛手势处理程序

但是没有一个有效...我也尝试了两者的其他几种变体，但是它们都没有按预期工作，要么滑动太快，要么根本不动

我正在使用 react-native-gesture-handler 和 react-native-reanimated。移动完成后，我正在尝试更新一些不起作用的值。这是代码：

我想在Modal. 我正在使用reanimated-bottom-sheet本机模式并做出反应。

但是当我使用BottomSheet内部Modal手势时不起作用并且无法BottomSheet通过向下滑动来关闭。

我搜索了一下，发现这是RCGH个问题。

所以我决定使用View而不是Modal.

但View不包括Header。

这是底部表代码：

这是样式：

所以问题可以通过解决手势Modal或做一些事情来Header解决View。

我正在使用React Navigation.

我正在尝试为我的底页创建这个动画，所以最初当我的主屏幕加载时，底页会从下方弹出一个弹簧动画，然后当用户向上滑动时，底页也会向上滑动一个弹簧动画，然后再一次如果用户向下滑动底页，则返回其原始位置并带有弹簧动画。

我面临的唯一问题是，在初始弹出弹簧动画发生后我进行的第一次向上滑动，向上滑动的动画不会顺利进行，并且它会在瞬间捕捉到上部位置而没有显示任何像动画一样的春天

这是我的 BottomSheet 代码。

请向我提出一些关于如何实现这一目标的想法，或任何其他可用于实现这一目标的方法。

我有一个布局，您可以使用 React Navigation 5 的 createMaterialTopTabNavigator 水平滑动或使用底部的按钮在屏幕之间切换。该按钮出现在每个屏幕上，我想在滑动动作期间将其隐藏，并在滑动停止时重新出现。

有谁知道这是否可能？

当键盘出现时，使用手势导航返回在 CardStyleInterpolators.forModalPresentationIOS 的反应导航中不起作用。当我隐藏键盘时，它可以工作。

这发生在 android 中，我无法在 iOS 上确认它。

这是正在发生的事情：

我提供了一个非常简单的例子PanGestureHandler。第一次移动盒子时，它会移动到一个位置并停留在那个位置。但是，如果我再次尝试移动它，它会从零位置开始，而不是从我离开它的相同位置开始。

任何帮助将非常感激。

编辑

我已经意识到这是由于偏移量被重置而发生的。

当用户滑动到最新项目并且必须用力滑动才能执行操作或可以看到视图时，我想添加视图。喜欢这个 Tiktok 应用程序（示例）

有人对此有任何想法吗？

谢谢大家

为了更清楚，我附上了零食。我正在尝试实现类似于 iOS/Android 通知栏的动画。

我成功地能够使用下面给出的代码将车把拖到底部：

但是，在尝试从底部对其进行动画处理时，它只是将车把捕捉到底部，然后将其动画到顶部。在进一步调试时，我意识到翻译后的位置会重置，然后它会动画。

小吃

我正在使用PanGestureHandler并PinchGestureHandler允许在屏幕上平移和放大/缩小大图像。但是，一旦我引入了缩放变换，平移的行为就会有所不同。

我对这个实现有三个目标：

1. 我试图在首次加载视图时缩小图像以适应特定高度。这样用户就可以看到尽可能多的图像。如果您只对图像应用比例变换，则平移值0不会将图像放在左上角（作为居中比例原点的结果）。
2. 我正在尝试这样做，以便当有人使用捏合手势进行缩放时，也会调整平移值，以使其看起来好像缩放原点位于用户启动手势的位置（React Native 目前仅支持比例变换的中心原点）。为了实现这一点，我假设我需要在用户缩放时调整平移值（如果比例不是1）。
3. 在缩放后平移时，我希望平移通过调整与缩放比例相关的平移值来跟踪用户的手指（而不是移动得更快/更慢）。

这是我到目前为止所拥有的：

我已经尝试过从翻译值中减去尺寸差异的方法：

这些数字不太适用于这个实现，所以我可能做的不对。此外，这只能解释我的第一个目标，我猜我需要做一些事情，比如根据比例值插入平移值来完成另外两个。