The Lottie animations appear to be misaligned when I push my app to Testflight. When previewed them in web on my phone or using the built-in previewer, they appear ti be correctly aligned. I saw someone post about a similar problem where the solution was to move the animation to the top left corner to reset the alignment, but that does not seem to work for me.
I will post some screenshots for further clarification.
Unfortunately, these did not solve the problem. Like you said, I aligned the Lotties and the rectangles with the red guidelines and I still got the same issues. I also checked the
I wonder if this has anything to do with the view port of the device as per my tests different devices responds entirely different. For example my iPhone 14 displaces the Lotties to the left, just a bit, whereas my friend’s iPhone 12 Pro keeps some of them aligned while some of them don’t appear at all.
I wonder if this has something to do with your layout settings ?
Could you maybe share the settings on your animations and the component they’re contained in ?
I encountered some misaligned components as well and managed to solve the issue by tweaking the layout (responsive) settings.
Since everything is aligned in previews it might be an issue coming from Testflight…
Can you test the same layout with icons/images instead of the Lottie animations ? Or maybe placing the animation without any component behind to see if the alignement is still tweaked ?
I tested with the Lotties alone and they still get displaced. The same happens when I test the icons in the rectangles instead of the Lotties, both the icons and the lotties are moved slightly to the left, so the issue is probably with Testflight.
However, doesn’t Testflfight reflect how the app will look one all iOS devices, meaning that whatever I use will be displaced in production version?