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…
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
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…
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
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…
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…
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…
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…
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,…
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…
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,…