Stack Overflow
Stack Overflow

Questions tagged [panresponder]

68 questions
1
vote
0 answers

react-native-video-controls doesn't seek well inside scrollview

I have a video inside a scrollview, and the child video player propagates the gesture to the scrollview, which results in some weird behavior. How do I make react-native-video-controls only respond to horizontal gestures, or at least prevent the…
Joel Hager
  • 2,990
  • 3
  • 15
  • 44
1
vote
1 answer

I am trying to achieve diagonal selection of elements with PanResponder in React Native

I am trying to achieve selection of multiple elements of an array by PanResponder. It works with horizontal or vertical touching sequence but I can't make it to work with diagonal. When I say diagonal, it selects all elements next to the touched…
lios
  • 218
  • 5
  • 26
1
vote
0 answers

How to make image draggable within the view parent in react-native?

I have a FlatList carousel and I'm using react-native-gesture-handler to create a draggable zoom in effect for the image. The zoom in and dragging works, however I'm having problems setting a boundary for the image as it is overlapped by the next…
Icarus23
  • 167
  • 2
  • 11
1
vote
0 answers

react-native PanResponder not behaving as expected on web

Please take a look at this example on the react native docs. https://reactnative.dev/docs/panresponder On a device, if you start a touch outside of the box and then drag over the box, the PanResponder doesn't trigger (this is the expected…
azakiio
  • 53
  • 4
1
vote
0 answers

How can we achieve 360 Deg Scrolling functionality in any direction with ScrollView React Native?

I have a scenario in which I have to move my ScrollView in any direction as the user tries to scroll. onContentSizeChange I have read about it this function but I am unable to achieve the scrolling functionality in any direction. Can anybody help…
Muhammad Ashfaq
  • 2,359
  • 5
  • 20
  • 46
1
vote
0 answers

How to make drag to expand & resize animated view in React Native

Need a drag to expand and resize the view like in the photo Tried many react native libraries like react-native-draggable-view & react-native-modalize but could not found a suitable solution. This GIF is picked from the GoJek app.
Girraj Sharma
  • 19
  • 6
1
vote
1 answer

React Native ScrollView prevent/allow scrolling on scroll start event

I have a ScrollView (actually Animated.ScrollView) that I'd like to decide whether to allow vertically scroll or not on scroll start, based on some states of inner components. I know there is a scrollEnabled property which works but the scroll view…
Can Poyrazoğlu
  • 33,241
  • 48
  • 191
  • 389
1
vote
0 answers

React Native: PanResponder with text selection

Dragging not always working if something else is selected on the screen. For a Web page specifically, in this example if part of the "Drag this box title" selected, the box is not draggable as the browser tries to drag the selected text instead. Is…
artberry
  • 791
  • 2
  • 7
  • 18
1
vote
1 answer

React Native PanResponder onStartShouldSetPanResponder locationX varies by platform

I'm new to RN gesture apis, so if any of this looks like a fundamentally incorrect approach, I would really appreciate the feedback as well as any suggestions on where to look instead. Thanks! Goals use the PanResponder api to handle tap only and…
aumo
  • 521
  • 4
  • 8
1
vote
0 answers

Animated getLayout() function is not working in react-native

I'm using getLayout() method from Animated.ValueXY(). When executing the code, the error "TypeError: position.getLayout is not a function" is thrown. Can anyone please help me solving this? const [position, setposition] = useState(new…
Chandhirasekaran
  • 23
  • 3
1
vote
1 answer

Why PanResponder is not working with useEffect Hook?

I'm trying to find a replacement for ComponentWillMount method with useEffect. But panresponder variable is not created before the initial render. Can anyone please tell me if any mistakes I'm doing here? without useEffect, the page is getting…
Chandhirasekaran
  • 23
  • 3
1
vote
1 answer

How do I track the currently-touched element while the touch point moves between multiple touchable elements?

I have a UI like this: You are touching: {touchedBoxId} ______________ |container | | __ __ __ | | |a ||b ||c | | You are touching: a | |__||__||__|…
theguy
  • 861
  • 9
  • 19
1
vote
2 answers

How to remove the first card from PanResponder by using functional react-native?

I'm learning the react-native and yes I'm beginner, I want to make similar like Tinder apps, but I have met a problem which is cannot swipe the first card(mean cannot remove the first card). There has no error message for these codes. I have tried…
angie ng
  • 11
  • 1
1
vote
1 answer

PanResponder to change Card Y value and issue of moving out of screen

I'm new to react-native animation API and PanResponder API. I want to create google maps clone UI and animations of card which is show after results. I want to create card and when user swipe up, the card you reach to top of screen and when user…
Ferin Patel
  • 3,424
  • 2
  • 17
  • 49
1
vote
1 answer

multiple panresponder on screen managing different areas (in the same time)

is there any way to use two Panresponder at the same time without their touches interfere each other? I want to create an app where one can change the position of two quadrats at the same time in specific areas: the blue quadrat should be movable…
aritrey
  • 11
  • 2
1
2
3 4 5