问题标签 [react-native-gesture-handler]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Jest Enzyme React Native react-native-gesture-handler 问题
我无法使用酶、jest 和 react-native-testing-library 测试反应原生应用程序。
只需进行渲染测试
我得到这个错误
FAIL 测试/App-test.js ● 测试套件未能运行
测试套件：1 个失败，总共 1 个测试：总共 0 个快照：总共 0 个时间：1.586 秒运行所有测试套件。npm 错误！测试失败。有关更多详细信息，请参见上文。
react-native - 如何正确混合 react-native-gesture-handler touchables 与 react-native touchables？
在这种情况下，我们在应用程序中同时使用了react-native-gesture-handler Touchables 和react-native Touchables。（通过 Touchables 我是指 TouchableOpacity、TouchableHighlight 等）。如您所知，react-native-gesture-handler 也提供了这些组件，以便它们在用作react-native-gesture-handler手势识别组件的子组件时工作。
最初
我们认为我们只会rn-gesture-handler Touchables在绝对需要rn-gesture-handler Touchables才能工作的组件中使用（即用gestureHandlerRootHOC包装的根视图）并rn Touchables在其他任何地方使用。
很遗憾
我们遇到了其中两个组件相互干扰的情况，并且我们遇到了奇怪的问题（比如触摸通过一个组件，就好像它pointerEvents="none"只是因为它在 Android 中使用了 arn touchable而不是 a ）。rngh touchable
可能
一个解决方案可能是用 替换rn Touchable我们应用程序中的每一个rn-gesture-handler Touchable，但这非常困难，因为我们的许多依赖项也在使用rn Touchables，所以很难替换所有这些 - 而且它会更难，因为rn-gesture-handler Touchables没有替换rn Touchables，我们rn-gesture-handler Touchables确实遇到了样式问题。
怎么办？
我需要一些帮助来正确解决这个问题 - 我认为即使是像阻止触摸通过 react-native touchables 的方法这样的黑客也会这样做。
react-native - 从 React Native 中的子组件更新父状态时找不到变量 (functionName())
我正在尝试在 react natvive 中更新父组件中卡片的位置。我的父组件有这个：
在返回函数中，我传递给孩子：
使用 react-native-gesture-handler 中的 PanGestureHandler，子组件在 rerun 函数中如下所示：
所以我遇到的问题是应用程序崩溃说 updateScreenshotPosition 变量未定义；我真的不知道为什么父子的状态没有改变。
react-native - react-navigation 启用滑动以返回 android
我有一个堆栈导航，我想启用滑动以返回 android 和 IOS 有我的代码
预期的行为是当像 ios react-navigation 版本 4 一样在 android 上滑动返回时
react-native - reanimated-bottom-sheet snapTo 功能在第二次触发时工作
我正在使用 reanimated-bottom-sheet。试图用这个关闭模式
但这在第二次点击时有效。如果有 3 个 snapPoint，它首先会比我想要的位置高，但在第二次单击时
react-native - 动画完成后如何触发功能？
我正在使用React-native-reanimatedand react-native-gesture-handler，我需要在动画完成后触发一个函数，这是我的代码：
我需要这样的东西：
但不起作用。：/
javascript - 反应本机手势处理程序不适用于Android中的模态
我在使用PanGestureHandlerfrom react-native-gesture-handlerwith时遇到问题Modal。这是完美的工作，iOS但不是android。此外，当我更改Modal为View组件时，它也可以正常工作Android。请任何人都可以建议我解决这个问题。
javascript - 使用 React Native PanGestureHandler 从下到上移动框
我想从下到上滑动一个盒子。我曾经diffClamp限制滑块的距离。我尝试了很多方法来做到这一点，但找不到解决方案。
在下面的代码片段中，我能够从上到下滑动。在那我也发现了一个问题。另外，当我第二次尝试滑动时，它会从头开始滑动，而不是从当前位置开始滑动。请给我一个解决这两个问题的方法。
react-native - react-native 自定义滑块，使用 `diffClamp`
我制作了一个自定义滑块，可以在这里看到。
问题在于以下代码段
当手势处于活动状态时，我可以限制滑块的范围，但在手势完成时我无法设置限制。
我尝试在 中添加diffClamp该set方法cond，但这会将旋钮的位置固定到开头，并且整个滑块的行为方式很奇怪。
任何帮助将非常感激。
react-native - PanGestureHandler 在 React Native 中的 setState 后立即取消
伙计们我试图模拟 Instagram 个人资料，react-native-reanimated通过长按来预览照片，而不是PanGestureHandler我们可以喜欢这张照片。但是我在这里遇到了困难，当我想长按照片时，我想将当前按下的图像更改为状态，因此弹出窗口将呈现当前按下的照片，但 PanGestureState立即更改为CANCEL并结束流。如果我不这样做setState，所有手势处理程序都运行良好..
请帮助，我是 react-native-reanimated 的新手，人们对此并没有太多分享
这是我渲染单个照片组件的代码...