Questions tagged [react-native-gesture-handler]

263 questions
3
votes
0 answers

Is the context params removed in Gesture handler at latest version of react-native-gesture-handler?

I'm working on react-native-reanimated and react-native-gesture-handler. First I learn the guides from reanimated, then is the gesture handler. But the demo code from them give me the type warnings about gesture handler, and there is no context…
3
votes
1 answer

How to update scale focal origin with react reanimated and react native gesture handler for iterative pinch gestures?

I built a pinch to zoom effect using react-native-gesture-handler and react-native-reanimated. The user can pinch anywhere on the image and zoom in or out with the position between the fingers as the zoom origin. This is great. What I am having…
3
votes
4 answers

Export 'ComposedGestureType' (reexported as 'ComposedGesture') was not found

I getting this error while compiling the project "./node_modules/react-native-gesture-handler/lib/module/index.js "export 'ComposedGestureType' (reexported as 'ComposedGesture') was not found in './handlers/gestures/gestureComposition' ". I really…
3
votes
1 answer

React native Reanimated Conditional Animated View Movement

I am really new to React-native-reanimated. I am trying to create one custom bottom-sheet like this app. I am using PanGestureHandler from react-native-gesture-handler for move the Animated View to go up and down. For gestureHandler I am using…
3
votes
0 answers

Gesture Handler discontinued? RectButton dont workig (but its right)

I tried using ReactButton, but the onPress function doesn't run on click. All posts found on google are about not writing an arrow function in onPress, but that's not my mistake. I don't know what it could be anymore, the function is not executed. I…
3
votes
1 answer

Error in Reanimated "tried to synchronously call function res from a different thread "

Have some gesture handlers that work fine in the browser but I am getting this error on iOS in my onEnd callback in the useAnimatedGestureHandler hook. Here is all the code related to the gesture I am trying to add const headerHeight =…
3
votes
0 answers

In Android Modal - wrapping content in GestureHandlerRootView not fixing react-native-gesture-handler

I am using expo ^40.0.0. I am trying to get react-native-gesture-handler components to work in a from react-native in Android. I followed docs here - https://docs.swmansion.com/react-native-gesture-handler/docs/#for-library-authors It stays…
Noitidart
  • 35,443
  • 37
  • 154
  • 323
3
votes
2 answers

Float an image zooming on an "instagram-like" news feed in react-native

I'm working on an "instagram-like" news feed for an existing react native (0.63.4) application. At this stage I'm using the react-native-gesture-handler (1.10) to handle the pinch/zoom functionality using its PinchGestureHandler and FlatList…
baralong
  • 1,644
  • 1
  • 16
  • 32
3
votes
1 answer

react-native-gesture-handle swipeable methods not accessible with functional components

The React-Native-Gesture-Handler docs show Swipeable methods implemented in JS classes and only being accessible by the "this" keyword e.g. this.close Example from docs: ... ... How do I…
3
votes
1 answer

How to make scroll view scroollabe inside panGestureHandler?

I am using a react-native-gesture-handler library with reanimated and react-native-redash. I want to make scrollView scrollable which is nested inside panGestureHandler but all the interactions are handled by panGestureHandler, so scrollView is not…
3
votes
0 answers

nested TapGesture Handler React Native

I've been trying to use Tap Gesture Handler in my React Native project but I'm facing some problem with nested gestures. I've one parent TapGestureHandler(let's call it A) and and child TapGestureHandler(let's call it B). When I click on B then A is…
rahul garg
  • 113
  • 1
  • 7
3
votes
4 answers

Detect Swipe direction using React Native Gesture Handler and Reanimated

We have already developed a swiper using React Native PanResponder, (before somebody comment) - we cannot use any other swiper library here. In the swiper we developed, we are facing an issue when a user ends the swipe(meaning releases the Pan)…
2
votes
1 answer

swipe one cell at a time in Swipeable in react-native,on swipe of another previous should be closed automatically

I am new to react native ,working with Swipeable which is present in "react-native-gesture-handler/Swipeable".currently on opening the second item ,the first item still shows open. requirement is to open one item at a time,written my own component…
2
votes
1 answer

React Native how to make Scroll View work inside Gesture Detector?

I am trying to implement a list inside BottomSheet Feauture in React Native. Bottomsheet is done using Animated.View inside GestureDetector. Now I want to use a scroll view inside animated view so that user can scroll the lists if it overflows. But…
2
votes
1 answer

react native gesture handler and react native skia not updating when drawing on App unless App is reloaded

I am using react native to create a drawing app using react native skia and react native gesture handler, this is my code for that screen import React, { useState } from "react"; import { View, Text } from "react-native"; import { Gesture, …
1 2
3
17 18