Questions tagged [react-native-gesture-handler]

263 questions
1
vote
2 answers

Render Error requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager

Help me to fix this error. Render Error requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager. Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager. This error is located…
1
vote
1 answer

React Native Gesture Handler / React Native animated 2: Tried to synchronously call function {_readOnlyError} from a different thread

Error Im learning react native gesture handler and react native reanimated from the docs. I got this error when i got the gesture coordinates ,passed them to the useShared value translateX. Im running my app on a Samsung Galaxy A5 2017 running…
1
vote
0 answers

How can I limit the minimum zoom in a React Native pinch to zoom animation?

I implemented a pinch to zoom component in React Native using the react-native-gesture-handler and Animated module from react-native. How can I limit the zoom to never scale the image to a size smaller than 1.0x? Here is a stripped down version of…
GNG
  • 1,341
  • 2
  • 23
  • 50
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…
1
vote
0 answers

how to replicate onGestureEvent onBegin action using useAnimatedGestureHandler

I need my gesture handler to respond as soon as a user puts his thumb down on the screen, actually onStart only fires when the thumb starts moving right or left. How can I dot this? Thank you. const onGestureEvent = useAnimatedGestureHandler({ …
1
vote
0 answers

React Native Swipeable animation does not work

I am having this weird behavior with react-native-gesture-handler's Swipeable component. Intro animations don't work but after pressing the button in Swipeable component, animations work fading out. Here is my BookmarkItem component with Swipeable…
1
vote
0 answers

Why I Should every time use GestureHandlerRootView?

I learn react native gesture handler and react-native-reanimated on youtube. I never see that the guys use GestureHandlerRootView. But if I dont use this, nothing works, so I have to do every time on the top of the return to use this. Why it works…
1
vote
0 answers

WithSpring along with UseSharedValue react -native-reanimated, react-native-gesture-handler

What I am trying to achieve is that when release the box i want it to be in the center and i want a smooth animation but using withSpring inside the animated Value "offset" crashes the app My code is: import React from 'react'; import Animated, { …
1
vote
0 answers

How to find which module is using old version of React Native Gesture Handler?

I have updated all dependencies, gone through every repo and checked, and I shouldn't be using the old react-native-gesture-handler. How can I get rid of this message and make sure everything is updated? This is the warning: WARN …
Joel Hager
  • 2,990
  • 3
  • 15
  • 44
1
vote
0 answers

React Native input based on how much someone swipes an object

I'm building an app in React Native (using Expo), and I need to build a UI where the user swipes an object, and how far they swipe corresponds to a different input (I'm not talking about a slider, I want to slide an image up and based on how far the…
1
vote
0 answers

React Pinch Gesture Handler Of react native not working properly

I am working on react native the below is one of the code snippet which I currently working on. My issue is with Pinch Gesture Handler.
1
vote
1 answer

React Native app crash instantly after add Realm + React Navigation (screens/gesture handler)

I'm working on a fresh react native project (CLI). So I started adding and configuring React navigation (Stack and Drawer). Also i added React-native gesture handler and react native screens (because both are dependencies to react navigation). Until…
1
vote
0 answers

Activate the PanGestureHandler after a long press delay React Native

As the title of the question says, I want to activate the PanGestureHandler after a long press delay let's say a second (1000 ms) so I tried some workarounds mentioned here:…
1
vote
1 answer

React Native pan gesture handler not working

I was following this tutorial: https://youtu.be/r5XXSb4yQes (code: https://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/season3/src/CoinbasePro) and did what he said but I cannot make the scrubber (horizontal & vertical line)…
1
vote
1 answer

Trigger method on parent component from child component - react

I have a swipeable component with an open and close function that I would like to trigger from a child of the component. I don't think using state to do it in this instance would be correct since I want to avoid a re-render while the swipeable…
wind_kind
  • 561
  • 6
  • 23