Questions tagged [react-native-reanimated]
469 questions
1
vote
0 answers
Error with scroll in the flatlist wth gesture detector
I'm develop the flatlist with gesture detector to enable the pinch to zoom, double tap, and pan in the image, but at the moment when the pass to the next image is very difficult I have to move the finger to what works
const contextValues =…
Andres Diaz
- 11
- 1
1
vote
0 answers
React Native FlatList inside of ScrollView
In my page I must have these 2 features:
First i must detect when list reach the end.
Second i must do some animation on scrolling of List
Here is my current code :
Tohid Taghavi
- 37
- 7
1
vote
0 answers
How to disable animations when the user scrolls (react-native-reanimated 2)
Here's a weekly mini calendar, that turns into a monthly mini calendar component.
When it turns from weekly to monthly we have some entering/exiting animations
So far so good.
Problem:
The problem is, that those animations (being entering/exiting…
SudoPlz
- 20,996
- 12
- 82
- 123
1
vote
3 answers
Error after buillding React Native on version 0.70
Error description
After the App builds successfully, I got this error at my Metro while trying to install the app.
My react-native version is 0.70.
This the error:
Error: Exception in HostFunction: java.lang.UnsatisfiedLinkError: dlopen failed:…
Roger Marsino
- 15
- 5
1
vote
2 answers
react native reanimated three items but one bigger as the neighbor
I want to make a flatlist with three items and the selected/current Index item should be bigger as the two items next to.
Current Code:
const translateX = useSharedValue(0);
const scrollHandler = useAnimatedScrollHandler({
onScroll: (e) =>…
universe11
- 703
- 1
- 11
- 35
1
vote
0 answers
How can I use Pressable inside Animated in React native?
I applied Animated.View to the Card component and ScrollView to the CardMain component. And pressable is applied to the child component, called ModeContainer. In ModeContainer, changemodefunc is executed when onPress is triggered.
When I run in…
user19476497
- 495
- 1
- 10
1
vote
0 answers
I have a problem with positioning in react-native-reanimated
I want to animate the list using Animated.View, but as soon as I add it, everything that was above my list shifts up under my header if you remove Animated.View and leave just a View, then everything works as it should.
On my phone and emulator, the…
Derks
- 11
- 2
1
vote
3 answers
Project 'react-native-reanimated' not found in root project
In my react native project I don't have "react-native-reanimated" but when I rebuilt my project I got this error:
"Project "react-native-reanimated" was not found in the root project
So when I install react-native-reanimated I get an NDK install…
m.akbari
- 23
- 5
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
Multiple reanimated2 animations on same component in React native
I have a card component with 2 buttons present inside it 'Follow' and 'Dismiss'. If I press on 'Dismiss' I want the component to do a fade-out-up animation and when I press 'Follow' the component should do a fade-out-left animation.
Can someone help…
Hyzam
- 143
- 8
1
vote
0 answers
React Native Drawer Navigation Reanimated Problem
I try to use drawer navigator on react native, first i have installed all necessary packages and i am using reanimated-1 but app can not be built and gives this error. If i try to use reanimated-2 everything is fine but while i am using reanimaed-1…
burhan yılmaz
- 11
- 2
1
vote
2 answers
react native reanimated animating text style
So, I was getting familiar with reanimated2, for that I'm building a simple todo app, so whenever I check a single todo (a simple toggle state, completed or !completed), I change the text style to line-through so that it appears to be completed, now…
dev1ce
- 1,419
- 1
- 19
- 39
1
vote
0 answers
How to create TextInput animation with React native reanimated?
I'm currently learning React native and trying to create animated textinput field which will expand on focus. Currently I am doing this with the help of useState and css, but I need to use React native reanimated here.
Initial state of…
Kumar Shivam
- 137
- 1
- 9
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 set 'scrollEnabled' property of ScrollView based on animatedValue?
I use Reanimated 2.4.1.
I tried to do like this:
const scrollEnabled = useAnimatedStyle(false)
return (
....
)
and like this:
const someAnimatedValue =…
pedroGarciyaLopez
- 21
- 2