Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't get Layout Animations to work on a simple View

See original GitHub issue

Description

Not sure if it’s a bug in the library, or if I’m missing something in the setup, but I can’t get Layout Animations to work in any way, none of the stages seem to be working (entering, exiting, layout). I have a simple view that I’m trying to animate when toggling a state variable, but it just appears without any animations at all.

Expected behavior

Expected the view to fade in and out when mounting/unmounting.

Actual behavior & steps to reproduce

No animations are working in either stage.

Snack or minimal code example

{showView && <Animated.View
       style={[styles.ball, animatedStyles]}
       entering={FadeIn.duration(2000).springify().mass(0.3)}
       exiting={FadeOut.duration(2000).springify().mass(0.3)}
/>}

Package versions

React Native: 0.66.0
React Native Reanimated: 2.3.1 / https://github.com/software-mansion/react-native-reanimated#main (tried with both)
NodeJS: 16.1.0
Xcode: 13.2.1

Affected platforms

Android
iOS
Web

Issue Analytics

State:
Created 2 years ago
Reactions:3
Comments:8 (2 by maintainers)

Top GitHub Comments

1reaction

kkafarcommented, Jan 28, 2022

Sometimes it this way! 😄 Glad to hear its working for you. Closing.

0reactions

ernestasgobioniscommented, Jan 28, 2022

Hi @kkafar,

I think I have checked the Example app before and everything was working fine there, and as far as I remember I basically copied one of the examples and it didn’t work.

But now I tried to reproduce it, and it seems to work now (magic 😀). Unless I was doing something different when submitting this issue, but I think it was an even simpler case that I used to reproduce it now.