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

Working with Animated #30

Open
rahuljiresal opened this issue Dec 6, 2015 · 4 comments
Open

Working with Animated #30

rahuljiresal opened this issue Dec 6, 2015 · 4 comments

Comments

@rahuljiresal
Copy link

A perfect use for overlay is to slide it down from the top of the screen as a in-app notification. However, Overlay currently doesn't work with Animated from React Native. This feature would be really useful.

@eyaleizenberg
Copy link

👍

@ivanbrens
Copy link

@rahuljiresal @eyaleizenberg
So I got animations working. I wrapped the Overlay's content in a and animated it using

 style={{top: -DEVICE_HEIGHT}} 

to bring the entire view off the screen. It still preserves the random height of the toast.

This is with LayoutAnimation easeInEaseOut:

@niftylettuce
Copy link
Collaborator

@ivanbrens @rahuljiresal @eyaleizenberg Please submit a pull request or close this issue? Not sure if you intend to add documentation for this? Maybe make a section in the Readme called Animations? And you can document what you did there?

@niftylettuce
Copy link
Collaborator

See #36 - we will be refactoring this soon to support Android/iOS and not have any issues here, there will no longer be the XCode integration needed

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

4 participants