Questions tagged [react-native-reanimated-v2]
242 questions
3
votes
1 answer
react-native-screens has been ignored because it contains invalid configuration. Reason: "dependency.platforms.android.componentDescriptors" not allow
I'm facing this issue
Package react-native-screens has been ignored because it contains invalid configuration. Reason: "dependency.platforms.android.componentDescriptors" is not allowed

Muhammad Haris
- 107
- 5
3
votes
0 answers
ReferenceError: Property '_updatePropsPaper' doesn't exist, js engine: hermes
I'm facing this error while using Reanimated 2.
I'm using "react-native": "0.70.1"
"react-native-reanimated": "^3.0.0-rc.3"
I added this code in
babel.config.js
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
…

Jim Khan
- 397
- 3
- 13
3
votes
1 answer
Reanimated: animated shared value transition with an object value
I'm trying to use Reanimated V2 to create a draggable component for my React Native project.
I have an object that holds x and y coordinates of the offset for the draggable components. I have this object as a shared value.
const offset =…

hayata_suenaga
- 642
- 1
- 5
- 16
3
votes
0 answers
Is the context params removed in Gesture handler at latest version of react-native-gesture-handler?
I'm working on react-native-reanimated and react-native-gesture-handler.
First I learn the guides from reanimated, then is the gesture handler. But the demo code from them give me the type warnings about gesture handler, and there is no context…

Blucas
- 43
- 3
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
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
0 answers
Create drag & drop element that snaps to specific area on screen in React Native and Reanimated 2
I'm trying to make a quiz-like game where you drag one of four answer tiles into a box. if it's the correct answer, it snaps into place over the box, and if it's wrong then it goes back to it's original position. I'm using panGestureHandler from…

Nicholas Gould
- 31
- 2
3
votes
2 answers
Reanimated 2 reusable animation in custom hook
How can I create a reusable React hook with animation style with Reanimated 2? I have an animation that is working on one element, but if I try to use the same animation on multiple elements on same screen only the first one registered is animating.…

user2602152
- 687
- 7
- 24
3
votes
0 answers
Getting TypeError: Cannot add new property '__reanimatedHostObjectRef' React Native Reanimated-2
I am developing a project where I have a listiview and showing 150-200 customers. There is a feature where I need to drag and drop list item. Now I am trying to implement this with RecylerListView And React-Native-Reanimated-2, but facing some…

Alauddin Ahmed
- 1,128
- 2
- 14
- 34
3
votes
2 answers
global.__reanimatedWorkletInit is not a function. react-native-animated v2
I using 'worklet'; and runOnUI() and then get the error below.
Because I use 'worklet'; I added import 'react-native-reanimated'
Because I also use runOnUI I added import {runOnUI} from 'react-native-animated'
Error:
ERROR TypeError:…

phuocantd
- 452
- 4
- 12
3
votes
1 answer
React native Reanimated Conditional Animated View Movement
I am really new to React-native-reanimated. I am trying to create one custom bottom-sheet like this app. I am using PanGestureHandler from react-native-gesture-handler for move the Animated View to go up and down. For gestureHandler I am using…

Krisna
- 2,854
- 2
- 24
- 66
3
votes
1 answer
How to setState when withRepeat isFinished
I'm trying to setState inside withRepeat callback to show the button when the animations isFinished but the app closes. How can I update the state based on animation end?
const [showBtn, setShowBtn] = React.useState(false);
// ...
…

jessmzn
- 122
- 3
- 11
3
votes
1 answer
Error in Reanimated "tried to synchronously call function res from a different thread "
Have some gesture handlers that work fine in the browser but I am getting this error on iOS in my onEnd callback in the useAnimatedGestureHandler hook.
Here is all the code related to the gesture I am trying to add
const headerHeight =…

Nikulás Óskarsson
- 31
- 1
- 2
3
votes
1 answer
react-native-reanimated 2: cannot make a function with 'worklet' keyword (undefined is not a function)
im just learning react-native-reanimated v2, but i got an issue when creating a function with 'worklet' keyword.
I installed react-native-reanimated v2 on a React Native bare project using npx react-native init myApp.
I have followed all the…

Yoga Utomo
- 335
- 1
- 4
- 11