Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animating transitions #50

Closed
kaumac opened this issue May 15, 2017 · 4 comments
Closed

Animating transitions #50

kaumac opened this issue May 15, 2017 · 4 comments

Comments

@kaumac
Copy link

kaumac commented May 15, 2017

What is the best way to animate state transitions? Is this currently supported?

@elboman
Copy link
Member

elboman commented May 23, 2017

The current published version doesn't let you handle animation between states as the component rendering is done under the hood by the UIView component.

This commit (1047b84) which will be published in 0.5.0 implements the render prop in the component to programmatically decide how to manage the state components that get mounted by the router.

@kaumac
Copy link
Author

kaumac commented Jun 27, 2017

Thanks for the reply @elboman. Is the component rendering still an issue on 0.5.0?

I've upgraded to 0.5.0 but when I wrap my components with CSSTransitionGroup the transitions still don't work. Is there something that I need to do in order for this to work?

Thanks again!

@elboman
Copy link
Member

elboman commented Jun 30, 2017

I finally found some time to create an example for the animations of Transitions using CSSTransitionGroup, you can find it here: https://github.com/ui-router/react/tree/master/examples/animating-transitions

Let me know if you have any doubts!

@elboman elboman closed this as completed Jun 30, 2017
@kaumac
Copy link
Author

kaumac commented Jun 30, 2017

I'll give it a try during the weekend. Thanks for the amazing work @elboman !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants