问题标签 [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.

0 投票
1 回答
426 浏览

css - 如何在 React Native 上向上滑动扩展 Flatlist

嗨,我是刚从学校毕业的新开发人员,所以我正在做一个投资组合项目。如果这个问题看起来很愚蠢,请提前道歉。

我有一个轮播,在我的屏幕顶部显示一个图像库,在第二(下)半部分显示一个垂直平面列表。

如何让下半部分在向上滑动时进入全屏并在向下滑动时返回半屏?react-native-gesture-handler 只提供左右滑动而不是上下滑动。

0 投票
1 回答
218 浏览

react-native-reanimated - 如何登陆用户在图像滑动中单击的图像?

我的 React Native 0.64 应用程序使用 react-native-gesture-handler 1.16/react-native-reanimated 2.1 左右滑动图像。这个想法是当用户单击图片库中的图像时,该图像会占据全屏显示,并且可以通过向左或向右滑动来一张一张地查看图库中的其余图像。这是滑动工作的完整代码,但有一个问题:点击的图像不显示,但画廊中的第一张图像总是首先显示。如何登陆用户点击的图片?

});

代码的另一个问题是,在滑动图像之前触摸图像时,图像会向左或向右抖动 1/3-1/2 屏幕宽度。这使得滑动不流畅。我想知道如何消除图像抖动并使滑动从头到尾平滑。

0 投票
0 回答
60 浏览

react-native - 如何在 Reanimated V2 中访问手势状态 UNDETERMINED?

react-native-reanmiated V2有一个钩子,[useAnimatedGestureHandler][1]它提供 6 种状态:

onStart, onActive, onEnd, onFail, onCancel, onFinish.

同样在[react-native-gesture-handler][1] 1.16` 中,有 6 种状态:

一些手势状态和恢复的 V2 状态可以匹配。然而,UNDETERMINED在手势处理程序和onFinish复活的 V2 中没有明显的对应物。UNDETERMINED和的对应物是onFinish什么?还有如何state.UNDETERMINED在复活的 V2 中访问?

0 投票
1 回答
295 浏览

reactjs - 如何检测用户是否放大或缩小反应原生

我正在开发一个反应本机应用程序,我想检测用户是放大还是缩小。

如果用户放大,我只想打印用户放大,如果用户缩小,我只想缩小

类似于下面的伪代码

请让我知道这样做的更好方法。

0 投票
0 回答
134 浏览

android - 尝试使用手势处理程序运行裸 React Native 应用程序时出错

背景

大家好,我正在构建我的第一个没有 Expo 的 React Native 应用程序。我正在尝试使用@react-navigation/bottom-tabs,我在每一步都遵循了文档中提供的说明。然后我尝试添加react-native-appearance以处理来自设备的暗模式偏好。但是,从这里开始,当我尝试使用 Android 模拟器运行应用程序时,事情就变得棘手了。

问题

错误未找到 react-native-gesture-handler 模块。确保您在本机平台上运行您的应用程序并且您的代码已正确链接(cd ios && pod install && cd ..)。

随后是此错误消息的许多变体:

TypeError:null 不是对象(评估 '_$$_REQUIRE(_dependencyMap[8], "./NativeAppearance").NativeAppearance.initialPreferences')

我试过的

正如我之前提到的,我参考了 Navigation 文档,但也参考了以下所有内容:

你可以怎样帮助我

如果有人能让我知道如何解决这个问题,我真的很感激,我想这与外观的兼容性有关,所以我会在等待答案时检查一下。

提前非常感谢!

0 投票
0 回答
205 浏览

react-native - 无法在 react-native-scroll-bottom-sheet 中滚动 FlatList

我在一个项目中使用 react-native-scroll-bottom-sheet ,就像文档中所说的那样,但最终我仍然无法在 BottomSheet 中滚动我的 FlatList。我想这是因为复活的lib。但是文档说我可以使用 v2+ 版本...

我的 BottomSheet 组件如下所示:

我希望有人有同样的问题,所以你可以帮助我

0 投票
0 回答
92 浏览

css - react-native-gesture-handler 的样式问题

新的反应原生和stackoverflow。我正在重新设计一个项目,让你在阅读圣经时做笔记。我正在尝试使用 react-native-gesture-handler,这样我就可以摆脱这些丑陋的删除和编辑按钮,这些按钮我在每个音符上都被砸到了一起。

我的问题是,由于我的笔记组件是透明的,因此使用滑动手势呈现删除按钮会导致删除按钮突然出现,而不是在滑动时产生从笔记组件后面窥视的效果。如果我让我的笔记组件背景不透明,这不会是一个问题,但我确实喜欢我正在采取的主题方向,如果我不需要,我不会撕掉它并重新考虑主题。

由于某种原因,我还不允许添加屏幕截图,因此请查看下面的链接以了解我的意思。

关于如何让这个删除按钮在您滑动时从右侧滑入的任何建议?或者也许是一种巧妙的方式来重新设计笔记组件或删除按钮以使其看起来不错而不牺牲酷炫的主题?谢谢!

见截图

0 投票
1 回答
670 浏览

ios - 使用一键式 React Native 实现捏缩放

我想在 react native 中使用单指触摸来实现捏合手势(缩放)。![图像侧面有四个箭头。需要使用单点触控来实现捏合缩放][1]

https://i.stack.imgur.com/ykqSb.png

0 投票
0 回答
203 浏览

reactjs - 在 React Native 的可缩放视图中实现发布时重置

我希望能够在可缩放视图上松开捏合时将图像重置为旧尺寸,但我无法这样做。

我仍然是初学者,希望在这里得到一些帮助,在我尝试测试此功能的地方添加了整个虚拟代码。

正在使用的包在这里https://www.npmjs.com/package/@dudigital/react-native-zoomable-view

我愿意使用任何其他包,只要它使捏缩放按预期工作。

如果有人可以提供帮助,那就太好了,我正在添加一些我为此获得的代码,当我在重置后尝试再次缩放时,它会出现故障,它不起作用。

感谢您的任何想法和帮助。

0 投票
0 回答
209 浏览

react-native - 来自 react-native-gesture-handler 的 TouchableWithoutFeedback 打破了 jest/enzyme 测试用例

我正在使用来自'react-native'的TouchableWithoutFeedback,但我在绝对容器中的android上遇到了问题,因为点击不起作用,所以我从react-native-gesture-handler切换到类似的组件。从

现在一切正常,但测试用例现在被打破了。执行测试用例时出现错误

我已经添加了对 react-native-gesture-handler 的模拟,但测试用例仍然失败

我已经寻找了所有可能的方法,但没有任何效果。这里的任何帮助将不胜感激。

谢谢你。