Hello community.
I have implemented this new functionality of LottieSplashScreen with 99% success.
I have un little issue that I will explain in the next photo.
Although the animation is correct, the margins of the animation are not. This only happens on some devices. In this case it is an Iphone 6s but it also happens in a 7 plus, in other devices these margins do not appear.
CONFIG.XML =>
<preference name="LottieAnimationLocation" value="www/assets/lottieSplashScreen/hiAnimationLottie.json"/>
<preference name="LottieFullScreen" value="true" />
<preference name="LottieBackgroundColor" value="#5988B5" />
<preference name="LottieLoopAnimation" value="true" />
IONIC INFO =>Ionic:
Ionic CLI : 6.19.1 (/usr/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.4.4
@angular-devkit/build-angular : 0.1000.8
@angular-devkit/schematics : 10.0.8
@angular/cli : 10.0.8
@ionic/angular-toolkit : 2.3.3
Cordova:
Cordova CLI : 11.0.0
Cordova Platforms : browser 6.0.0, ios 6.2.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 12 other plugins)
Utility:
cordova-res : 0.15.4
native-run (update available: 1.7.1) : 1.4.1
System:
Android SDK Tools : 26.1.1 (/home/guidogagliardini/NuevosDocs/Android/Sdk)
NodeJS : v14.19.1 (/home/guidogagliardini/.nvm/versions/node/v14.19.1/bin/node)
npm : 6.14.16
OS : Linux 5.15
I read some of Lottie’s documentation and maybe I could set a height and width to 100%. But I would not like to do that since it could cause problems in the devices that work well.
Any suggestions?
Thank you very much!