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":…
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…
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…
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…
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)=>{ …
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…
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…
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…
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
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…
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…
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…
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…