问题标签 [panresponder]

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 回答
43 浏览

react-native - 在本机反应中用一条线连接两个按钮

我想用一条线连接两个点来进行我正在做的测验。我对本机反应真的很陌生,我真的不明白如何使用 PanResponder (我认为我应该使用它来获得我期望的结果)。

我在这里附上我想要做的图像如下。

在此处输入图像描述

我很感激任何帮助!

0 投票
1 回答
440 浏览

react-native - React Native ScrollView 防止/允许在滚动开始事件上滚动

我有一个 ScrollView (实际上Animated.ScrollView),我想根据内部组件的某些状态来决定是否在滚动开始时允许垂直滚动。我知道有一个scrollEnabled有效的属性,但是滚动视图包含一些组件,这些组件要渲染几帧,并且scrollEnabled基于内部视图的交互更改属性会导致重新渲染,这会丢失几帧并且由于我的应用程序的性质需要根据内部视图的某些动画/平滑滚动来更改此属性,这些丢帧会导致负面的用户体验。

我也尝试preventDefault过滚动开始拖动事件,但没有任何改变(无论我是否调用它,它都允许滚动)。

我如何决定是否允许在滚动开始时动态滚动滚动视图而无需状态/道具更新(这会导致重新渲染昂贵的视图树,丢帧)?像 pan 响应者的onMoveShouldSetPanResponder[Capture]事件可能会有很大的帮助,但从false它们返回只是不起作用(即使它们被调用,它也会捕获和滚动)。(我在 React Native 0.64 上)

0 投票
0 回答
34 浏览

javascript - Panresponder 自定义起始位置

这很容易,但我不能让它工作:我需要 panresponder 从坐标开始(例如)x100 y25 而不是 0, 0(默认)

这段代码呈现了一个panresponder,我可以移动它,一切都很好,但初始位置,我无法改变

0 投票
0 回答
54 浏览

javascript - React Native Pan Responder 被另一个组件重叠

我是 React Native 的新手,即使经过大量研究,我也无法解决这个问题。

我正在尝试使用 react natives pan responder Pan responder library 记录触摸屏的所有触摸坐标(用于移动使用的 Expo web)。但是,我注意到平移响应程序无法识别对按钮等组件的单击。所有其他触摸都由平移响应器注册。

我该怎么做才能让 Pan Responder 注册屏幕上的每次点击并调用相应的按钮功能?

代码:

0 投票
0 回答
60 浏览

react-native - React Native get Touched components with PanResponder API

I'm trying to select multiple elements inside the pan component. I seacrhed a lot and now I can get the scrool coordinates, but with this x and y coordinate values I can't understand which one is selected.

HourComponent.js (so simple just one text)

constructor

In render section

Render Result

Console logs

My problem is how to get selected component.I can't make it with coordinates .Thank you

I can't get the selected values ,just can get coordiantes I'm still having this problem

0 投票
0 回答
80 浏览

android - Panresponder 滑动在按钮单击时不起作用

我正在尝试制作一个类似于 tinder 的应用程序组件来刷卡,当我用手指刷卡时它工作正常,但是,我也想在按钮单击时实现相同的效果。到目前为止,我已经使用 Panresponder 来创建滑动动作,下面是我的代码

}

我想做一个this.swipeRight()可以刷卡的功能,就像我用手指刷卡一样,我尝试过创建一个类似的功能,但它只是立即移除最上面的卡,然后它停止工作

}

任何帮助将不胜感激,我在地图函数中有panresponder

0 投票
0 回答
127 浏览

react-native - 如何在 React Native 中拖动以扩展和调整动画视图的大小

需要拖动来扩展和调整视图的大小,就像照片中一样

我需要的图像动画

尝试了许多反应原生库,如 react-native-draggable-view 和 react-native-modalize,但找不到合适的解决方案。

这个 GIF 是从 GoJek 应用程序中挑选出来的。

0 投票
0 回答
57 浏览

react-native - 具有功能组件的 React-Native panResponder 数组

我有一个包含 6 个图像的滑块,我希望能够使用 panResponder 移动每个图像。

我写了这段代码(它有效,但它移动了所有的滑块,而不仅仅是一个图像)

我希望能够拖动每个图像,而不是整个滑块。可能吗?我知道我们需要一个 panResponder 数组,但实际上该怎么做呢?

非常感谢

0 投票
0 回答
69 浏览

react-native - 在用于拖放单个列表项的 React Native 中,TouchableWithoutHighlight 无法在带有 {...panResponder.panHandlers} 的动画视图中工作

我有一个项目列表,我可以长按选择任何列表项目并将其拖到图标上进行删除。我为此使用 PanResponder。现在在这部分中,长按触发功能的第一个关键步骤在某些设备中没有发生,而在某些设备中它正在工作。我认为问题是通过 {...panResponder.panHandlers} 时,touchbales 在动画视图中似乎无法正常工作

这个特定的代码映射到一个数据数组,val 是我使用过的状态,并且正在索引器函数中设置,其中 val 包含项目索引号,这有助于选择单个列表项以进行进一步的拖放。

现在我面临的问题是这个没有反馈的Touchable在一些Android设备中触发了索引器功能,而在一些设备中它根本不这样做。

当 {...panResponder.panHandler} 从 animated.view 中删除时,没有反馈的 Touchable 开始工作。下面是我的平底锅处理程序:

})

0 投票
0 回答
52 浏览

react-native - 我们如何使用 ScrollView React Native 实现任意方向的 360 度滚动功能?

我有一个场景,当用户尝试滚动时,我必须向任何方向移动我的 ScrollView 。

我已经阅读了这个功能,但我无法实现任何方向的滚动功能。任何人都可以帮助我以这种方式实现滚动视图吗?

或者任何人都有Pand Responders实现此功能的想法。

谢谢