299 questions
4
votes
1
answer
2k
views
Swipe to next screen (infinite)
I have a calendar section in my app where I want to be able to swipe right or left to go to the next or previous day.
I know that you can use createMaterialTopTabNavigator from React Navigation to do ...
0
votes
1
answer
221
views
Touchable Opacity not working fine in react native? v0.66.1
I am using react native 0.66.1 with react-native-gesture-handler and reanimated 2. There is very strange behaviour of touchableOpacity. Have a look below;
How we can rid of it??
3
votes
1
answer
588
views
Gesture Handler discontinued? RectButton do not working but it is 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 ...
3
votes
1
answer
8k
views
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 ...
4
votes
1
answer
7k
views
React-native-reanimated 2: How do I update Text in response to PanGestureHandler?
Here is my component. It's a simple PanGestureHandler with some svg.
import React from 'react'
import { StyleSheet, View, Text } from 'react-native'
import Svg, { Circle, Line } from 'react-native-svg'...
1
vote
0
answers
539
views
PanGestureHandler (from 'react-native-gesture-handler') not launching event
I am trying to use the PanGestureHandler component (from 'react-native-gesture-handler') like this: (Very simple exemple, just a console.log("test") when a touch is detected)
import React ...
0
votes
0
answers
541
views
Styling issues with react-native-gesture-handler
New to react native and stackoverflow. I am restyling a project that lets you take notes as you read the bible. I am trying to use react-native-gesture-handler so I can get rid of these ugly delete ...
2
votes
1
answer
2k
views
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 ...
1
vote
1
answer
2k
views
How to expand Flatlist on swipe up on React Native
Hi I’m a new developer that just graduated school so I’m working on a portfolio project. Sorry in advance if the question seems dumb.
I have a carousel showing a gallery of images at the top of my ...
4
votes
0
answers
12k
views
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 <Modal> from react-native in Android. I followed docs here - https://docs.swmansion.com/react-...
2
votes
1
answer
3k
views
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 ...
1
vote
2
answers
1k
views
Swipe down modal only when at the top of FlatList
I am trying to clone TikTok comments modal (see gif below) where users should be able to scroll down to view more comments and once they scroll up and reach the top, they modal will be pulled down ...
0
votes
1
answer
1k
views
Get total number of items rendered from FlatList, and then update that number based on item state changes
I'm very new to React Native (and React/Javascript in general to be honest) and am very stuck. I have a chore tracking app that renders a list of chores using Flatlist, that can then be swiped/checked ...
1
vote
0
answers
834
views
Swipe to open react native navigation drawer
I am attempting to set up a react native navigation drawer and I have a button that toggles the drawer correctly although I am trying to set up the swipe function to also open the drawer, and this ...
1
vote
1
answer
1k
views
How to match size to children using react-native-gesture-handler
I am trying to create a draggable, scalable and rotatable component using react-native-gesture-handler. This is my first time trying out react-native-gesture-handler so I'm not sure if this is ...
2
votes
1
answer
2k
views
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:
...
<RectButton ...
1
vote
0
answers
648
views
react-native-gesture-handler can not be installed and shows compilation error
I initially tried using the react-native-elements for icons and other components. I followed the documentation to set things up but the icons were visible as a cross in a rectangle. During this I ...
1
vote
0
answers
612
views
How to undo react-native-gesture-handler
I'm using react-native-reanimated v 1.9 together with react-native-gesture-handler to drag an element on the screen, I need to be able to reset the element to the previous position after the user ...
0
votes
1
answer
589
views
React native animations are not animated
So currently experimenting on RN animations and i'm trying to go as slow as possible in order to understand basic functionality and workflow. I created a new Expo app and installed the react-native-...
4
votes
0
answers
847
views
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 ...
4
votes
0
answers
708
views
React Native: Get actual x,y co-ordinates of an element after finish dragging (react-native-gesture-handler)
I'm using this library:
https://github.com/software-mansion/react-native-gesture-handler
I'm a bit confused of how to get the actual x,y co-ordinates of an element.
I'm explaining...
This is the ...
1
vote
2
answers
2k
views
React Native Touchable Icon
I want to implement an Menu Icon from MaterialIcon in my Header and when I tap this Icon I want to open a menu. The problem is, if I add margin or something else to this Icon to position the icon, the ...
0
votes
1
answer
1k
views
React Native: panGestureHandler stops working after re-rendering
There is a simple drag animation in my 0.62.2 app. The drag was implemented with react-native-gesture-handler 1.6.1 and react-native-reanimated 1.10.1. The dragged item is an image in a square grid. ...
0
votes
1
answer
717
views
RN gesture handler: 1 image is dragged but 2 images are moving together
In my React Native 0.62.2 app, react-native-gesture-handler 1.6.1 and react-native-animated 10.10.1 are used to make image grid draggable. The problem is that all uploaded images grids are moving ...
4
votes
1
answer
1k
views
PanGestureHandler with functional component react native
I am trying to use a Gesture handler with a functional component. The problem is when I drag for the second time it's dragging from initial position again
This is my code below
let translateXRef = ...