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
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 =…
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…
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
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
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…
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.…
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…
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…
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 =…
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…
1 2
3
16 17