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…
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…
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…
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:…
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:…
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(()…
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.
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…
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…
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:…