Questions tagged [react-native-gesture-handler]

263 questions
1
vote
0 answers

How react-native pointer events work on android device?

I've this tab navigator: Inside the baby player i'm using a pan gesture from react native gesture handler and so I need to wrap the tab bar with gestureHandlerRootHOC and i'm doing it like so: export const…
1
vote
1 answer

Pinch to zoom on 2nd image also shows part of 1st image in Swiper

Here is a Swipe component implemented with React native 0,70.1 and react native gesture handler 2.8 and react native reanimated 3.0. What the Swipe does is to allow user to swipe images in a gallery right or left while allowing user to zoom an image…
1
vote
0 answers

Swipe To Delete Component inside ScrollView

I know there is react-native-gesture-handler. But their Swipeable has not implemented functionality that I need. Now I a trying to implement my own Swipeable component. The logic is actually very simple.BUT the difficult part is when I put the…
1
vote
0 answers

react-native-gesture-handler module was not found, even though its clearly installed

I am trying to install @gorhom/bottom-sheet in my react-native bare project. I have followed the instructions there, which include the instructions for installing react-native-gesture-handler and react-native-reanimated. After installing…
Seth Lutske
  • 9,154
  • 5
  • 29
  • 78
1
vote
0 answers

React Native Zoomable View - child component should have onPress and be pannable

I have a parent component (ReactNativeZoomableView) in it there a nested component with clickable elements, the issue is that I want user to be able to press on the element to open it's sidemenu or press and pan to move around the screen. library…
1
vote
1 answer

React-Native "cannot read property '_isReanimatedSharedValue' of null" with react-native-draggable-flatlist

When I try to use the react-native-draggable-flatlist library, after installing react-native-reanimated, react-native-gesture-handler and react-native-draggable-flatlist, I get this error message "cannot read property '_isReanimatedSharedValue' of…
1
vote
1 answer

A problem occurred evaluating project ':react-native-gesture-handler'

* What went wrong: A problem occurred evaluating project ':react-native-gesture-handler'. > Could not initialize class org.jetbrains.kotlin.gradle.plugin.KotlinGradleBuildServices * Try: > Run with --stacktrace option to get the stack trace. > Run…
1
vote
1 answer

How can I render DrawerLayout from react-native-gesture-handler on top of my TabNavigator?

App using react-navigation 6 App have TabNavigator and I need to have Drawer that rendered on top of TabNavigator that render Items, that could be selected, and based on what Item was selected I need to change screen in the same Tab in…
1
vote
0 answers

How to animate one end of react-native-skia Path or Line

The code below does not generate any errors. BUT, during the return, which occurs during a pan gesture, the Circle moves as it should, but the the Path end and Line end do not move. I want either the Path or the Line end to move with the Circle…
1
vote
1 answer

Drag to Scroll for Animated.ScrollView with Reanimated 2, React Native Gesture Handler, and Expo

Can anyone direct me to a good example of how to implement a draggable scroll view with Reanimated 2, react native gesture handler, in an expo project? I have a sample that is close, but it fails to scroll up or down on an iphone when you drag an…
1
vote
0 answers

Error: Invariant Violation: requireNativeComponent "GestureHandlerRootView" in the "UIManager"

I am getting this error when I execute Release variant of app and just Android. It doesnt happen on Android Debug mode and neither on iOS. The Splash screen show until the js is loaded, then it crash. When I dismiss the error message the Splash…
1
vote
0 answers

when navigation pop, `react-native-gesture-handler` touchableopacity in previous screen touchable in android but ios not, why?

Stack pop, convert current screen to previous screen with animation, use navigation.goBack(), react-native-gesture-handlers touchableopacity in previous screen touchable before current screen unmount in android, but ios no touchable until unmount…
1
vote
2 answers

Animation lags with inverted Flatlist (Expo / TypeScript)

I was trying to implement a WhatsApp like cancelling recording button. Everything was working fine, all animations lauching correctly, start and stop recording too. But after a few seconds (could be 10 seconds or 1 minute) pressing the gesture…
1
vote
1 answer

How to make selections by pressing and dragging your finger across the screen and grabbing selected letters React Native

I'm doing a word search game with react native and I'm having trouble bringing the matrix information to save in a state, I've tried with gesture-handling but I can only get the positions but I can't trigger an event when I drag my finger over the…
1
vote
0 answers

react-native: handling wrong onScroll events inside child FlatList

I found one issue and can someone help me. I use vertical scroll list(FlatList) and inside it i have also another vertical FlatList. Inside child FlatList I use onScroll events for customise scroll animation. issue: when I scroll parent FlatList I…