Questions tagged [react-native-reanimated]

469 questions
0
votes
1 answer

(React Native) Render error Value is undefined expected object

So I was making a todo app and i encountered an error Error Render Error Value is undefined expected object Code of Main.tsx
0
votes
1 answer

React-native animation lagging on android

I'm using the Reanimated library(2.2.0), and I have a fairly simple animation to expand a Animated.View , that I call when pressing a TouchableOpacity: height.value = withTiming(calculatedHeight, { duration: 300, easing:…
0
votes
2 answers

TypeError: undefined is not an object (evaluating 'output.length')

I'm getting an error when trying to use interpolate from react native reanimated. I want my button to go translate to to the negative Y axis when the opacity is being changed from 1 - 0. I have seen some tutorials on this but its a bit outdated. I…
0
votes
2 answers

Error when using Drawer Navigation for React Navigation for Web

I had this error only with Drawer Navigation in Web. Compiled with problems:X ERROR in ./node_modules/react-native-reanimated/lib/createAnimatedComponent.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError:…
0
votes
1 answer

react-native-reanimated iOS crash

I'm using react-native-reanimated, and the I have an iOS crash when use this prop Animated.useCode the full code of my prop body is here : Animated.useCode( () => Animated.onChange( callbackNode.current, Animated.block([ …
0
votes
1 answer

animation in react native reanimated animation only works once

I have a Pressable component and inside it I have an icon. I want to press it and rotate it 180 degrees. But the animation only works once. When I click again nothing happens. const animation = useSharedValue(0); const rotation =…
Hora
  • 162
  • 1
  • 8
0
votes
3 answers

undefined is not an object (evaluating 'fun.__callAsync') trying to use setTimeout in a component

I'm using React Native and Reanimated and I want an animation to play after 2 seconds. When a user moves a card, the card should stay at it's new position for 2 seconds, and then move back to it's place. This is what I have: const panGesture =…
John Doah
  • 1,839
  • 7
  • 25
  • 46
0
votes
1 answer

react-native-reanimated & react-navigation/drawer dependency error

I'm into a problem that I have already asked the discussions tab in the react-native-reanimated GitHub repository: this is the link in the github repo I have cloned a react-native project and tried to install npm packages using npm install, but I…
0
votes
0 answers

Error: Value is undefined, expected an Object in React Native Animated Charts Library

Full error description:- Error: Value is undefined, expected an Object This is base example given in this npm package.Please have a look in this…
0
votes
1 answer

the react-native-reanimated is not working

i have a code that write with react-native-reanimated but now because of react native version it's not working so what should i do , i have go and tru to install react-native-reanimated@2.3.0-alpha.2 but i I didn't succeed . please any one have…
0
votes
0 answers

How do I animate StrokeDasharry with reanimated2 in react native

Hers what I have tried. AnimatedSvg and animatedCircle are created by Animated form react native reanimated. Although the same logic worked for me for dashOffset. It is showing the error: java.lang.Double can not be cast to…
0
votes
2 answers

React Navigation Reanimted Task :app:checkDebugAarMetadata FAILED

This happend when i run "npx react-native run-android" Execution failed for task ':app:checkDebugAarMetadata'. Could not resolve all files for configuration ':app:debugRuntimeClasspath'. Failed to transform react-native-reanimated-65-jsc.aar…
0
votes
1 answer

How to land on the image a user has clicked in image swipe?

My React Native 0.64 app uses react-native-gesture-handler 1.16/react-native-reanimated 2.1 to swipe images left and right. The idea is when user clicks a image in image gallery, then the image was displayed occupying the full screen and the rest of…
0
votes
0 answers

React Native TextInput Losing Focus After Every Character Entered on Keyboard

Trying to figure out an issue with the TextInput component I have which is acting weird. Basically, after every keystroke, the textinput seems to be losing its focus. Im implementing it as a search bar that is triggered / animated when a search icon…
dawn
  • 21
  • 7
0
votes
1 answer

Most basic example of set of value not translating view

I am using react-native-reanimated v1. I am doing a very simple test, a view initially mounts at translation y of 50, and then a useEffect I set(val, 400) to make it move more. But it is not. Here is a snack of the problem, and the code is below -…
Noitidart
  • 35,443
  • 37
  • 154
  • 323