Questions tagged [react-native-reanimated]
469 questions
3
votes
1 answer
Issues ussing headerTransparet on Android
What I have
I'm trying to create a header animation with Native Stack Navigator. The animation consists of changing the background color from transparent to light gray when the user scrolls down.
The problem
Although the animation works as expected…

Cristian Flórez
- 2,277
- 5
- 29
- 51
3
votes
1 answer
I'm trying to animate a circle expanding, staying at maximum width and height for 4 seconds, then shrink again to original size, then repeat again
I'm trying to animate a 50px circle to expand to 100px over 2 seconds, then stay at 100px for 2 seconds before starting to shrink down to 50px over 2 seconds. Then repeat this indefinitely.
Currently I've nailed the expanding part, but I can't…

Onyx
- 5,186
- 8
- 39
- 86
3
votes
3 answers
react-native-reanimated:configureCMakeDebug[arm64-v8a] error after install react-native-vision-camera
After the install of react-native-vision-camera there is this error that shows up. I've tried to downgrade the versions but again i can the same error.
Error:
react-native-reanimated:configureCMakeDebug[arm64-v8a] FAILED
Deprecated Gradle features…

thnikas
- 79
- 2
- 7
3
votes
0 answers
PanGestureHandler not working in react native
I'm trying to implement a BottomSheet with the code below, even though it's sliding up and down on button click but is not draggable
import { PanGestureHandler, PanGestureHandlerGestureEvent } from 'react-native- gesture-handler';
import React from…

yaxx
- 529
- 1
- 6
- 22
3
votes
1 answer
getting Project with path ':ReactAndroid:hermes-engine' could not be found in project ':ReactAndroid' error with fabric enabled
I am trying to upgrade a react native tvos project to react-native-tvos@0.69.5-2 so that I can enable fabric but am receiving the following error in Android Studio when trying to run the project in emulator:
Caused by:…

Matthew Everitt
- 43
- 5
3
votes
2 answers
java.lang.UnsatisfiedLinkError: dlopen failed: library "libreanimated.so" not found React Native Reanimated Issue React Native
Hey folks I am facing a critical issue on project while running the app on Android. I have visited the related question but not found any solution. Error is following.
complete error: Error: Exception in HostFunction:…

Muhammad Haris
- 107
- 5
3
votes
0 answers
React Native app won't build, package com.swmansion.reanimated does not exist
I inherited a React Native app from consultants and am trying to get it to build on Android. When I run npx react-native run-android, the build fails due to a package not…

Justin
- 17,670
- 38
- 132
- 201
3
votes
0 answers
React Native/reanimated pattern for dependent animations
Question is about patterns for organizing multicomponent animations that depend on each other. Here is an example.
Consider this inner component:
export default function InnerComponent({ startAnimation }: {startAnimation: boolean}) {
const xVal…

khajvah
- 4,889
- 9
- 41
- 63
3
votes
5 answers
Repeating a repeating animation with delay with reanimated
Using react-native-reanimated, I'm trying to repeat infinitely an animation which is also a repeated animation, with a delay.
With my code, the delay and the nested repeat animation are triggered but not the inifinite one.
Any ideas ?
useEffect(()…

Felix Perroud
- 63
- 1
- 9
3
votes
0 answers
After successful installation of Reanimated 2, why createDrawerNavigator is giving me error
Errors i'm getting after installation of reanimated 2 are mentioned below. Before installation of reanimated 2,everthing working fine for me. Please have a look and help me out
i am debugging in chrome browser.
please help me out.

MURARI Yadav
- 240
- 3
- 11
3
votes
4 answers
Reanimated 2 failed to create a worklet — Maybe You Forgot to Add Reanimated’s babel Plugin?
I have tried all I can think of to fix this error. I have tried uninstalling reanimated-bottom-sheet and react-native-reanimated and reinstalling them. Clearing cache. I do not have a babel.config.js file that I am aware of to edit. I know the error…

Justin Priede
- 444
- 6
- 30
3
votes
1 answer
How can I pass a ref to a react-native-reanimated component?
I'm trying to pass a ref to a component with a similar approach to the following code block, but the current value always returns undefined. This approach works fine with a plain FlatList from react-native, however it doesn't work once I'm using…

IronManAYaad
- 143
- 2
- 7
3
votes
1 answer
How to update scale focal origin with react reanimated and react native gesture handler for iterative pinch gestures?
I built a pinch to zoom effect using react-native-gesture-handler and react-native-reanimated. The user can pinch anywhere on the image and zoom in or out with the position between the fingers as the zoom origin. This is great. What I am having…

GNG
- 1,341
- 2
- 23
- 50
3
votes
2 answers
React-native-reanimated compileSdkVersion is not specified
Hello guys I use react-native-reanimated with '^1.13.3' version and I got this error when ı want to relase an apk;
What went wrong: A problem occurred configuring project
':react-native-reanimated'.
com.android.builder.errors.EvalIssueException:…

Alihaydar
- 91
- 3
- 9
3
votes
2 answers
error: Error: Unable to resolve module ./Hooks from /node_modules/react-native-reanimated/src/reanimated2/index.ts
I'm new installation React Native Reanimated 2.3.0-beta.1, and already follow setup from documentation.
"react-native-gesture-handler": "^1.10.3",
"react-native-reanimated": "^2.3.0-beta.2",
and when start my app, the following error occurs:
error:…

Septe Shetia
- 69
- 5