Questions tagged [react-native-gesture-handler]
263 questions
0
votes
0 answers
React-native: prevent Swipeable component swipe to outside the screen
I have a screen that show chat messages, and I make the item chat able to swipe to reply like FB Messenger. I'm using Swipeable component from react-native-gesture-handler. But I have a troble: whenever I swipe fastly, the item will swipe to outside…
Trần Ân
- 21
- 2
0
votes
0 answers
React Native Gesture Handler + Reanimated Flat List Scroll
I'm having a problem with react-native-gesture handler animation in a FlatList.
when i try to scroll on the flatList the behavior of PanGesture not trigger scroll event.
Reanimated Version - ~2.5
Flatlist
Dark Astolfo
- 43
- 6
0
votes
0 answers
Error while running npx react-native run-android Conflict between packages
Conflict between
node_modules/react-native-router-flux/node_modules/react-native-gesture-handler
node_modules/react-native-gesture-handler
"react-native-gesture-handler": "^2.6.1",
"react-native-router-flux": "^4.3.1",
"react-native":…
Anshif yaseen
- 31
- 6
0
votes
0 answers
How to fix this bug with React Native Reanimate and Gesture Handler?
So I have this basic todo:
App.jsx
const ITEMS = [
{ id: 1, text: 'Example 1' },
{ id: 2, text: 'Example 2' },
{ id: 3, text: 'Example 3' }
];
export const App = () => {
const todoRefs = useSharedValue>({});
const…
Nathan
- 7,627
- 11
- 46
- 80
0
votes
1 answer
Enable FlatList scrolling after its ScrollView parent reaches certain position
I have this scenario where a FlatList has a ScrollView as parent:
I want to disable the FlatList scrolling and only enabled it when the ScrollView reaches a certain Y position. All in a single…
Guilherme Santiago
- 301
- 1
- 4
0
votes
0 answers
React-native-modalize not expanding on swipe in React-native expo
On android of react-native-modalize it is not possible to expand the modal on swipe . I tried to add properties but it does not work:
"react-native": "0.69.5",
"react-native-modalize": "^2.1.1",
Please can you share your experience how to solve…
dev man
- 1
0
votes
1 answer
react-native-gesture-handler Swipable does not take the entire screen
I have the following code:
…
Nazar Mazuryk
- 1
- 2
0
votes
1 answer
Gestrure Addlistner to get translateY into another component. React-native
I am trying to get the translateY.value into a state or some other way to control other component. This is inside a "bottomSheet" but in my Main where i import the bottomSheet i want to use the y value it is at while it is moving to control other…
KLK
- 49
- 7
0
votes
1 answer
To swipe back quickly in ReactNative
I am creating an app that swipes back in ReactNative, is it possible to increase the speed of the swipe back?
Simulator
iOS11
I already tried https://reactnavigation.org/docs/stack-navigator/#gesturevelocityimpact.
I could not find the…
Nakapon
- 1
- 1
0
votes
1 answer
How to snap Animated.View to a point in the screen using PanGestureHandler in React Native?
Here, I would want to wrap the circle with a PanGestureHandler, make it draggable and snap to the X mark if it goes near it.
The part that confuses me is when dragging I'm using the translationX and translationY values to move the circle around…
rohanharikr
- 1,201
- 1
- 13
- 28
0
votes
1 answer
React native swipe-able from gesture handler showing multiple items
In my react app, I have used Swipeable from react native gesture handler. I am showing two buttons when the user swipes left. My code is this
mohsinali1317
- 4,255
- 9
- 46
- 85
0
votes
0 answers
React-Native: How to take control of flatList scroll using a gesture responder?
What I am trying to accomplish:
I have a horizontal flatlist (with pagination: true) and I would like to animate the scrolling depending on where on the y axis the user started swiping from.
If the scrolling started from the upper half of the…
Ahmed Nasr
- 319
- 5
- 12
0
votes
1 answer
react native reanimated 2 Sending data from ui pan gesture detector to react native javascript is not working
Made joystick with pan detector using reanimated2 and gesture handler. where user can move the position of joystick, it moves the position well on android phone. But unable to get the position of joystick in react native, where i will send it to iot…
Manku
- 431
- 3
- 9
- 16
0
votes
0 answers
How Can I Fix This "react-native-gesture-handler" error?
Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.
This error is located at:
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in…
Mohammed El Ouali
- 11
- 2
0
votes
1 answer
Why my gestureDetector not working if I press?
I want to use GestureDetector but I dont get a console.log statement if I press the button.
Button.tsx
const Button = ({ children }: IButton) => {
const gestureHandler = Gesture.Tap()
.onStart(() => console.log('HI'))
return (
…
universe11
- 703
- 1
- 11
- 35