Questions tagged [react-native-gesture-handler]
263 questions
1
vote
0 answers
Jest: How can I pan while testing the rating component using fireGestureHandler from react-native-gesture-handler?
I have created a swipeable rating component:
import FontistiIcon from '@expo/vector-icons/Fontisto';
import React, { useCallback, useMemo } from 'react';
import { LayoutRectangle, View } from 'react-native';
import {
Gesture,
GestureDetector,
…
shet_tayyy
- 5,366
- 11
- 44
- 82
1
vote
2 answers
react-navigation 6 swipe from top to bottom closes current stack screen android 9
I have upgraded from react-navigation 5 to 6:
- "@react-navigation/bottom-tabs": "^5.10.6",
- "@react-navigation/material-top-tabs": "^5.3.15",
- "@react-navigation/native": "^5.8.6",
- "@react-navigation/routers": "^5.6.0",
- …
Florin Dobre
- 9,872
- 3
- 59
- 93
1
vote
0 answers
react-native-reanimated Error: Requiring module "node_modules\react-native-reanimated\src\index.ts", which threw an exception
I am trying to implement Animated Layout in my expo project.
My dependencies
"dependencies": {
"@react-native-async-storage/async-storage": "~1.17.3",
"@react-native-community/datetimepicker": "6.2.0",
…
Sirjiskit
- 431
- 5
- 16
1
vote
2 answers
React Native: filtering an array of animated components transfers animation of deleted component to another
I'm running into an odd problem with react native using react native gestures and reanimated 2.0. I am currently trying to make a simple to-do list that implements a 'swipe to delete' on tasks themselves. Everything works well up until I delete a…
tomikode
- 11
- 3
1
vote
1 answer
GestureDetector gesture handler app crash when calling external function
i tried to use GestureDetector of react-native-gesture-handler
import React from 'react';
import { Directions, Gesture, GestureDetector } from 'react-native-gesture-handler';
import Animated, { useAnimatedStyle, useSharedValue, withTiming } from…
Michel Gisenaël
- 211
- 1
- 2
- 15
1
vote
0 answers
how do you recognize touch events on react native webview?
Why is longpress event not recognizing the long press event? I have also used gestureHandler component and both are not working.
Can any one point me to relevant documentation or tell me why this code is not recognizing touchevents on the webview…
Tadewos Bellete
- 39
- 1
- 8
1
vote
3 answers
I am trying to implement bottom sheet in react native with npm package reanimated-bottom-sheet but swipe down gesture handler is not working
import statements
import * as React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import Animated from 'react-native-reanimated';
import BottomSheet from 'reanimated-bottom-sheet';
main app function
export default…
theaniketpatil
- 21
- 3
1
vote
0 answers
React-Navigation v4 crash at start-up on Android - iOS fine
I have a project that I have recently upgraded to React 17 and RN 0.68.0. I have upgraded most of my dependencies, but have left React-Navigation at 4.4.4. Everything used to work fine before the upgrade and now seems to work fine with my iOS build.…
Eric Andrews
- 31
- 7
1
vote
0 answers
Gesture Detector is not working React Native
i am new to React Native. I was following a tutorial about making a bottomsheet from scratch however i have an issue with
const gesture= Gesture.Pan().onUpdate((event)=>{
console.log(event.translationX);
});
It isn't detecting the…
1
vote
0 answers
KeyboardAvoidingView leaves white space when user navigates to prev screen using swipe gesture in react native
I am trying to build a react native app but have navigation issues. When the user navigates between screens using gestures, I believe KeyboardAvoidingView creates empty space on the screen. In the following example. When the user swipes back from…
Mohmed Vaid
- 11
- 2
1
vote
1 answer
How to move a view out of a scroll view in React Native?
I currently have a horizontal ScrollView with a few pink boxes in it. These boxes are built using Animated.View and a GestureDetector to manage dragging of the box. I want to be able to drag the pink box outside of the scroll view area (the blue…
Shnick
- 1,199
- 1
- 13
- 32
1
vote
0 answers
'Function components cannot be given refs.' while using react-native-gesture-handler with react-native-reanimated
I am warping a gesture handler from react-native-gesture-handler with animated flatlist from react-native-reanimated
import Animated from "react-native-reanimated"
import { NativeViewGestureHandler } from "react-native-gesture-handler"
...
…
chunghn
- 121
- 8
1
vote
1 answer
How can I make application components swipeable in React Native?
I'm learning how to build mobile applications with React Native and I'm following a React native course by Programming with Mosh. However, I ran into a problem where I can't get my program to allow me to swipe left to delete a list item. Swiping…
Faisal Atiye
- 21
- 4
1
vote
0 answers
How to enable swipe down gesture to dismiss WebView in BottomSheet
I have a react-native-bottom-sheet that can be dismissed by swiping down.
When I add a react-native-webview (WebView) to the BottomSheet, I am no longer able to dismiss the BottomSheet by swiping down. The swipe gesture is only being handled by the…
Sam Craven
- 29
- 3
1
vote
0 answers
own bottomsheet is every time on screen, performance problems?
I Created a bottom sheet with reanimated and gesture handler.
So it works fine, but if I close the modal, the modal is always open but you dont see it, it is under the screen. Get I performance problems or is that bad ?
import { Dimensions,…
universe11
- 703
- 1
- 11
- 35