Questions tagged [react-native-reanimated-v2]
242 questions
2
votes
1 answer
Reanimated 2 animation entering/exiting withCallback error
If I use withCallback function on animation enter/exit or even when using the keyframe to create custom animation I get an error.
Am I doing something wrong, or maybe missing something?
"react-native-reanimated": "^2.3.1",
fristyr
- 159
- 1
- 9
2
votes
1 answer
Panning an Animated.View, after being scaled, inside boundaries of parent View
I am using react-native-reanimated and react-native-gesture-handler to create a view that allows you to "explore" what's inside of it (even if it exceeds its width and height).
Here's my gestureHandler that updates translationX & translationY…
Ivanka Todorova
- 9,964
- 16
- 66
- 103
2
votes
1 answer
React native Android app crashes immediately after start
My app crashes immediately after startup in release mode but it's working fine when using it in debug mode. List of things that i did to build the apk:
creating a keystore file and adding it to build.gradle file
cd android && ./gradlew clean &&…
Ardalan
- 723
- 9
- 26
2
votes
1 answer
Reanimated v2 - Synchronised shared values
Question
I'm trying to create this animation using Reanimated v2:
This is the current implementation:
const opacity1 = useSharedValue(0);
const opacity2 = useSharedValue(0);
const opacity3 = useSharedValue(0);
useEffect(() => {
const duration =…
Shoe
- 74,840
- 36
- 166
- 272
2
votes
1 answer
Do I need additional set up when installing drawer navigator??? Reanimated2 warning. React Native
Can somebody clarify does drawer navigator requires additional set up apart from npm install react-native-gesture-handler react-native-reanimated? After installation of drawer and react-native-gesture-handler react-native-reanimated. Official doc…
Patrick89
- 135
- 1
- 14
2
votes
1 answer
Set value immediately after another one have been set in Reanimated 2
I am using Reanimated 2 to build a game with React Native its performance is incredibly good but I have a problem.
I am using a shared value to animate a View as we all know setting the value of the shared value will automatically change the style…
LHDi
- 319
- 1
- 8
2
votes
1 answer
How do I animate React Navigation transitions using createBottomTabNavigator?
I've spent the last day trying to find out how to implement a simple fade screen transition with react-navigation but I cannot find one way to make it work with a bottom-tab-navigator. Can someone help me out? I've read the docs extensively but…
Pedro Sousa
- 63
- 2
- 5
2
votes
0 answers
Performance issues accessing SharedValue in react-native-reanimated 2.0
I am developing an app which is very animation heavy. I also need to do collision detection. I can not wait for the drop. It needs to be detected live. So I need to watch a the onActive of useAnimatedGestureHandler.
At the moment I just do it with…
Coder949
- 987
- 1
- 8
- 29
2
votes
1 answer
React native run useState/force rerender inside worklet funtion
I'm calling the useAnimatedScrollHandler hook from react-native-reanimated to handle my onScroll function on an Animated.ScrollView. This hook works as expected but I now want to disable a custom button (My FlatButton) based on the currentIndex…
JonasLevin
- 1,592
- 1
- 20
- 50
2
votes
1 answer
Opacity fading animation not working with react-native-reanimated 2
I'm animating a bottom-sheet using react-native-reanimated(v2.2.0) also I need to change opacity of one view inside bottom-sheet with the animation.
Expected behavior.
Opacity of the view diereses when bottom-sheet came up. so the opacity of view…
Nipun Ravisara
- 3,629
- 3
- 20
- 35
2
votes
2 answers
Task :app:bundleReleaseJsAndAssets FAILED - React Native - Android
Getting this error in my React-Native app when I run on Android using npx react-native run-android --variant=release or generate a Release Build. I tried whatever solutions I found on Stackoverflow and GitHub like - upgrading gradle build tools…
Joshua
- 1,167
- 1
- 14
- 32
2
votes
1 answer
interpolateNode vs interpolate : interpolate causes jank while animating height while interpolateNode doesn't
I have just started using react-native-reanimated. And I would like to use reanimated v2 apis (newer ones).
Here, in this example, there is a considerable performance drop using interpolateNode and interpolate
Here's the example
import * as React…
Prateek Thapa
- 4,829
- 1
- 9
- 23
2
votes
1 answer
How to debug react-native-reanimated 2?
Is there a way to debug the current .value of a sharedValue, something like this?
const progress = useSharedValue(0);
{() => debug('progress: ', progress.value)}
Chris
- 1,829
- 1
- 15
- 22
2
votes
1 answer
React-native: TurboModuleRegistry.getEnforcing(...): 'NativeReanimated' could not be found
This question was already asked but no response there. I am asking once again as I am hoping some one might came across this issue recently.
I have installed react-native-reanimated 2 and as soon as I ran the app got following error
Invariant…
ThinkAndCode
- 1,319
- 3
- 29
- 60
1
vote
0 answers
React Native Reanimated Measure view flattening
I am aware that there was am issue with view flattening which can be found under this thread https://github.com/software-mansion/react-native-reanimated/issues/3188 but for me measure does not work despite applying props mentioned in the solution.
I…
seven
- 1,183
- 14
- 33