Skip to content
This repository has been archived by the owner on Oct 4, 2021. It is now read-only.

Smooth transition for animated in/out #31

Closed
hongnk opened this issue Jan 20, 2021 · 2 comments
Closed

Smooth transition for animated in/out #31

hongnk opened this issue Jan 20, 2021 · 2 comments

Comments

@hongnk
Copy link

hongnk commented Jan 20, 2021

In the animated in/out sample, after one shape is removed the remaining shapes will just jump. Is it possible to make them to smoothly transition to new positions?

@jlkiri
Copy link
Owner

jlkiri commented Jan 20, 2021

It's currently not possible with just with library, but you can combine it with use-animate-presence to achieve the effect, here's an example with code: https://github.com/jlkiri/use-animate-presence#arbitrary-number-of-animatable-items

@hongnk
Copy link
Author

hongnk commented Jan 20, 2021

Thank you I tried to adapt use-animate-presence to shared layout sample and it worked great, although it looks a little complex. Hope this can be integrated into the main lib.

@hongnk hongnk closed this as completed Jan 20, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants