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

Different animations to different screen sizes #105

Open
arturomf opened this issue Sep 23, 2019 · 3 comments
Open

Different animations to different screen sizes #105

arturomf opened this issue Sep 23, 2019 · 3 comments

Comments

@arturomf
Copy link

arturomf commented Sep 23, 2019

Hi all, i need to use a fullscreen animation and obviously, i need different lottie animation to handle different screen sizes. Is there any way of doing that?

How can i specify different json files?

Thanks!

@stale
Copy link

stale bot commented Nov 22, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the wontfix label Nov 22, 2019
@timbru31
Copy link
Owner

No this is currently not possible. The best way is to use a big animation where cropping is possible - that's what we do. Alternatively you can use scaling (see README for Android quirks)

@stale stale bot removed the wontfix label Nov 28, 2019
@timbru31 timbru31 added this to the 1.0.0 milestone Jan 9, 2020
@ben-kn-app
Copy link

ben-kn-app commented Jun 12, 2020

Dear @timbru31 ,

I'm currently using your wonderfull plugin and works great. I also have difficulties in achieving a good animated splashscreen for all screen sizes (iphone, android, mobile & tablet) with a single animation. I'm trying different things, but not yet succeeded. (e.g. on tablet it shows white margins left and right, if I make it wider, it shows a white margin in the bottom of mobile devices, ...)

Concrete quick questions:
You say 'big' animation, how big? What dimensions are you using?
You say you use cropping, I've read that it only works on android, what is your solution for Apple screens, if any or do you only use it for Android?

Longer term philosophizing;
An option would be to add the support for different lottie animations for different screensizes. Or another (my prefered) option would be to provide a 'best practice' of dimensions and settings for a single animation to look great on most screens and would be a good starting point for users trying the plugin (to be added in the README). This could be a good starting point to be later extended by an automated tool to cut out the different lottie animation dimensions needed for different screen resolutions and add that to the config.xml, but that is version 2.x :)

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

No branches or pull requests

3 participants