Questions tagged [panresponder]

68 questions
0
votes
1 answer

RN gesture handler: 1 image is dragged but 2 images are moving together

In my React Native 0.62.2 app, react-native-gesture-handler 1.6.1 and react-native-animated 10.10.1 are used to make image grid draggable. The problem is that all uploaded images grids are moving together instead of individually draggable. Here is…
0
votes
1 answer

PanResponder & Animated Problem in React Native

im using PanResponder in React Native but i have a simple problem that i can't solve!!! this is my code class test extends React.Component { constructor(props) { super(props); const position = new Animated.ValueXY(); …
0
votes
1 answer

PanResponder X,Y values slightly off on react native app

I am trying to get a handle on understanding how to use Panresponder. I am trying to create a 'cross hairs' that show up wherever the user clicks. I'd like to be able to have it follow the users finger but right now I cant even get it working to…
MaxPower
  • 367
  • 2
  • 12
0
votes
1 answer

Panresponder + interpolate

I have a Component Parent which has an Animated.value "this.progress" which takes values in [1, 3]. The Parent renders a Component Child and pass it the progress as a props: // File Parent.js import React from "react"; import { Animated } from…
Zach
  • 600
  • 5
  • 16
0
votes
1 answer

Panresponder or Animated.View doesnt work when the item to animate is in front of a scrollable view

Hey everyone :) Should be a function for a navigation avatar which sticks to the closest corner. While coding I used a simple circle as a placeholder. The problem is that the following code works perfectly fine when imported to another screen, but…
0
votes
1 answer

React Native PanResponder Offset not working

I am trying to keep the pans Y offset when the user releases for the first time - I have looked around at how to accomplish this using the following methods but the offset is being ignored: constructor(props) { super(props); this._pan = new…
hugger
  • 426
  • 4
  • 19
0
votes
1 answer

How do I do tap-and-drag in a React Native table?

I have a table, which is actually a just a bunch of styled View elements, in React Native that looks like the following: I want to set it up so that users can tap their finger on any of the empty boxes and drag their finger around to highlight…
HartleySan
  • 7,404
  • 14
  • 66
  • 119
0
votes
0 answers

Swipe card on button click using panresponder

I am trying to make a tinder-like app component to swipe cards, it is working fine when I swipe using a finger, however, I want to achieve the same on button click as well. I have used Panresponder so far for creating swipe action, below is my…
1 2 3 4
5