Questions tagged [react-native-reanimated-v2]
242 questions
0
votes
0 answers
react-native nativeProxy.cpp
I have react-native@.70 and when i run this command npx react-native run-android project run successfully. but it given be these warnings
> Task :react-native-reanimated:buildCMakeDebug[arm64-v8a]
C/C++: ninja: Entering directory `C:\repos\Mobile…

Dev23 APP DEV
- 19
- 4
0
votes
4 answers
Configure Project : react-native-reanimated
Configure project :react-native-reanimated
Native libs debug enabled: true
Android gradle plugin: 7.0.4
Gradle: 7.3.3
building Reanimated2

Prokash Sarker
- 11
- 2
0
votes
1 answer
How to use useAnimatedRef with RecylerListView?
I am working with RecylerListView because I have a large list. I want to useAnimatedRef from react-native-reanimated2 to enable synchronous ScrollTo actions. However, when I add it as a Ref, it doesn't work and tells me that ScrollTo is not…

dan_boy
- 1,735
- 4
- 19
- 50
0
votes
1 answer
How to snap Animated.View to a point in the screen using PanGestureHandler in React Native?
Here, I would want to wrap the circle with a PanGestureHandler, make it draggable and snap to the X mark if it goes near it.
The part that confuses me is when dragging I'm using the translationX and translationY values to move the circle around…

rohanharikr
- 1,201
- 1
- 13
- 28
0
votes
0 answers
Execution failed for task ':react-native-reanimated:compileDebugJavaWithJavac'
Although this question has been asked by others, none of the provided solutions work for my use case.
Environment
System:
OS: macOS 12.3.1
CPU: (10) arm64 Apple M1 Pro
Memory: 202.25 MB / 32.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
…

Mike S.
- 2,048
- 1
- 32
- 55
0
votes
1 answer
How can I get RGB or HEX or RGBA values from interpolateColor using React Native Reanimated?
I'd like to store and RGB value using setState or something like that. InterpolateColor() currently returns a big number. Here's my repo:
https://github.com/duether/react-native-color-picker

Enzo Barrera
- 149
- 1
- 12
0
votes
1 answer
react-native [only Android] ScrollView within GestureDetector doesn't work
I'm building a bottom-sheet that one can swipe up/down to change its height.
I want its inner children component to be scrollable, but it doesnt work as expected.
I'm just guessing the cause of this is that any touch event like scrolling in…

Otani Shuzo
- 1,118
- 1
- 11
- 22
0
votes
1 answer
react-native-reanimated fade in and out not working when using debugger
I am trying to have some components fade in and out on mount and unmount using react-native-reanimated. I think the code is pretty simple:
import { View } from "react-native";
import Animated, { FadeIn, FadeOut } from…

Seth Lutske
- 9,154
- 5
- 29
- 78
0
votes
1 answer
Detect click outside of component to trigger animation
I'm having Animated View that once clicked performs some kind of animation.
I have trouble canceling the animation once user clicks outside of this View. I'm trying to figure out a way to deal with this. Extra difficulty is because its just a small…

Mateusz Mazur
- 23
- 2
0
votes
0 answers
React-Native: How to take control of flatList scroll using a gesture responder?
What I am trying to accomplish:
I have a horizontal flatlist (with pagination: true) and I would like to animate the scrolling depending on where on the y axis the user started swiping from.
If the scrolling started from the upper half of the…

Ahmed Nasr
- 319
- 5
- 12
0
votes
2 answers
What is wrong with my React Native Reanimated colour interpolation animation?
I'm trying to do something extremely simple - have my button be transparent while not pressed, and change its background color to a different colour gradually when a user presses it. To achieve that, I'm using React Native Reanimated. Unfortunately,…

Onyx
- 5,186
- 8
- 39
- 86
0
votes
1 answer
React-Native: How to convert an animation from reanimated 2 to moti library?
I am using react-native-reanimated in my react-native app. But I would like to transition my animations to moti.
I have a text I am animating based on the scroll position of my flatlist. By using the useAnimatedStyle hook, I can interpolate the…

TheSoul
- 4,906
- 13
- 44
- 74
0
votes
1 answer
Implement react navigation to an existing animated tabbar
I have a custom animated tabbar component with react-native-reanimated. Im trying to implement it with react navigation but when i do the animation doesnt work. Any help to what to add for it to be functional.
Here are the components
Tab…

kxh
- 59
- 14
0
votes
1 answer
Reanimated2 interpolateNode to animate opacity error "undefined is not an object (evaluating t.length)"
I'm using react-native (not expo), the react-native version is 0.64.2
The reanimated version is 2.2.3
Having some problems with reanimated2 interpolateNode.
Here is the snack reproducing the…

Andrew
- 71
- 6
0
votes
1 answer
RCTBridge required dispatch_sync to load RNGestureHandlerModule. This may lead to deadlocks
I begun to get this warning after installing "react-native-reanimated": "^2.5.0" package that's required by other package for web (my app also supports a web platform).
Of course, I went to goole for questions with the same problem, for example,…

Denis Sologub
- 7,277
- 11
- 56
- 123