The Lottie widget will load the json file and run the animation indefinitely. This example shows how to display a Lottie animation in the simplest way. It works on Android, iOS, macOS, linux, windows and web. This repository is an unofficial conversion of the Lottie-android library in pure Dart. In custom iOS builds, launch screens can sometimes remain cached between builds, making it harder to test new images.Lottie is a mobile library for Android and iOS that parses Adobe After EffectsĪnimations exported as json with Bodymovin and renders them natively on mobile! Notice that the splash image appears immediately. Notice that the splash image does not appear immediately or may not appear at all.
![loading spinner gif transparent background loading spinner gif transparent background](https://i0.wp.com/codemyui.com/wp-content/uploads/2015/09/spinner-loader-animation.gif)
Open the app.json and add the path as the value of splash.image to point to your new splash image. If you use another image format, making a production build of your app will fail. pngĪfter creating your splash screen, export it as a. You can see the Device screens and sizes specifications from the iOS Human Interface Guidelines for an up-to-date list of screen sizes. You can specify the strategy used to resize the image with splash.resizeMode. iOSĮxpo will resize the image for your app depending on the size of the device's screen. This is convenient because you can use one splash image for Android and iOS - less for you to read in this guide and less work for you to do. Given that you can resize and crop our splash image automatically, you can stick with our dimensions as long as you don't depend on the splash image fitting the screen exactly.
![loading spinner gif transparent background loading spinner gif transparent background](https://www.alko.fi/INTERSHOP/static/WFS/Alko-OnlineShop-Site/-/-/fi_FI/images/loader-transparent-sand.gif)
One strategy to deal with this is to look at the most common resolutions and design around that - you can see a list of devices and their resolutions here. Android screen sizes vary greatly with the massive variety of devices on the market.