Questions tagged [react-native-gesture-handler]
263 questions
2
votes
1 answer
react-native-gesture-handler module was not found
For some reason, my project does not recognize the installation of react-native-gesture-handler. The issue only appears when testing on Android devices and emulators.
The module is added to the package.json as "react-native-gesture-handler":…

Simon Degn
- 901
- 1
- 12
- 40
2
votes
2 answers
onGestureEvent not being called when I try to move a box with PanGestureHandler
I've started react native project from scratch, installed react reanimated 1.
I've pushed the repository: https://github.com/matiasmm/test-reanimated-gestures/tree/caf1af2e53605f19b466a27108ad408c95290707
I'm trying to test the pan event, but…

Matias
- 527
- 1
- 4
- 19
2
votes
0 answers
webView not working properly inside a TapgestureHandler
I am working on an app that requires detecting click on the screen so I've used TapGestureHandler from react-native gesture handler and that's work fine except for the fact that my webView stop detecting clicking on buttons inside it I mean buttons…

Zakariae Makhlouf
- 21
- 1
2
votes
0 answers
Error trying to run bare React Native app with gesture handler
Background
Hey everyone, I'm building my first React Native app without Expo. I'm trying to use @react-navigation/bottom-tabs, I've followed the instructions provided in the docs every step of the way. I'm then trying to add react-native-appearance…

lwisi
- 293
- 8
- 23
2
votes
1 answer
How to detect whether user zoomed in or zoomed out in react native
I'm working on an react native app and I want to detect whether user zoomed in or zoomed out.
I just want to print user zoomed in if user zoomed in and zoomed out if user zoomed out
something like below pseudo code
const detectZoom = (event)=>{
…

Hemendra Khatik
- 371
- 4
- 22
2
votes
1 answer
There are build errors generating in my RNGestureHandler.h file under ExpoKit. Unknown type name 'RNGestureHandlerState'
There are build errors generating in my RNGestureHandler.h file under ExpoKit. Unknown type name 'RNGestureHandlerState'. This issue occurred after I detached expo from the project.
I tried fixes I saw such changing the #import to import…

Alvin Williams
- 23
- 1
- 6
2
votes
0 answers
onScrollBeginDrag Animated.event with useNativeDriver: true for native ui recycler view component not working
We have a recycler view in our Android code base which we want to convert into a native UI component and utilize it in React Native.
I am prototyping some functionality and ran into this issue.
We have to implement a spring animation based on…
2
votes
1 answer
React Native Gesture Handler not calling events
I am trying to use react-native-reanimated with react-native-gesture-handler but I have a problem to make it work. It seems that gesture-handler is not firing events. I followed the instructions to install react-native-gesture-handler, updated the…

Mathieu Bouchonnet
- 39
- 4
2
votes
0 answers
Going back with gesture not work when keyboard is on react native
When keyboard is appear, navigation back using gesture not work in react navigation with CardStyleInterpolators.forModalPresentationIOS.
When I hide keyboard it works.
This happening in android and I can not confirm it for iOS.
Here is what's…

BeHappy
- 3,705
- 5
- 18
- 59
2
votes
0 answers
How to get current Y value from PanGestureHandler swipe move while the user is swiping
I am trying to perform a Haptic feedback when the user drags the container with a specific swipe length. So with this following code I am trying to get the value of translateY while the user is dragging the container with the event…

Leo
- 21
- 3
2
votes
1 answer
reanimated-bottom-sheet snapTo function works at second firing
I'm using reanimated-bottom-sheet. Trying to close modal with this
this.bottomSheetRef.current.snapTo(0)
but this works at second click. If there is 3 snapPoint it goes heighest one at first than goes to where I want but at second click

Necmettin Sargın
- 87
- 1
- 10
2
votes
1 answer
How do I set the initial offset in a PanGestureHandler from react-native-gesture-handler?
In the following simple slider (typescript) example the PanGestureHandler from react-native-gesture-handler will only be set after the gesture was started. The user would need to move the finger.
This is what I would like to achieve: Taps should…

Dom
- 658
- 6
- 10
1
vote
0 answers
Scrolling after Swiping not Working in React Native for iOS
I am attempting to set up a scrollable list in my React Native iOS app that also enables left and right swiping. For this list, I am using ScrollView with the PanResponder utility in React Native for gesture handling. Currently, I am able to swipe…

JS_is_awesome18
- 1,587
- 7
- 23
- 67
1
vote
1 answer
React Native useAnimatedGestureHandler onStart is not being called on Web ONLY
This was before I realized onStart() wasn't being called
Using PanGestureHandler and attempting to "drag" an AnimatedView is not working on the web. There are no obvious bugs, the app builds just fine, no warnings in the console when…

JackAttack31
- 61
- 6
1
vote
0 answers
Scroll bottom sheet seamlessly when scrolling a Flatlist within a custom bottom sheet
I'm creating a custom react native bottom sheet using GestureDetector from react-native-gesture-handler and i want to pass a child Flatlist to the sheet. but having an issue with the scrolling. The scroll of the flatlist consumes the gesture handler…

arled
- 2,577
- 6
- 27
- 49