Inconsistent behaviour across iPhone models and Android

[hiperbou]

I'm using NativeScript 3x and It seems impossible to get consistent results with this library. I've made a small example to ilustrate it.

And this is the result:

I ended up with diferent layouts for Android an iOS, and tweaking css properties for each iPhone family. Trying to get a simple full screen animation working in every device is frustrating and time consuming with a lot of trial and error to tweak values.

[rhanb]

@hiperbou , do you manage to have a consistent result on Android devices at least?The Lottie Android and iOS APIs are quite different and the iOS one was a bit tricky to integrate with NativeScript. Could provide more code and different options that you tried? Thanks

[hiperbou]

I had no problems in android, We tested in different real devices without noticeable differences. Here there is another test using more layouts.

And the results: In the next one, the animation is slightly down past its container, it's not noticeable in the screenshot, check the shadow, because it could look similar as iPhone X result, but it isn't.

[rhanb]

That's what I thought, as I told you the iOS API is a bit tricky and the implementation is not as easy as for Android. Thanks for the examples, it will help us to fix the issue 👍

[rhanb]

@hiperbou should be fixed with the latest version thanks to @hamdiwanis PR

[hiperbou]

I supose these changes aren't available for the NativeScript 3x version of the library. I'll need to update to Nativescript 4, am I right?

[rhanb]

@hiperbou yep you're right, you'll need to upgrade to v4, the fix for this issue actually uses APi that exists since 4.0