Replies: 3 comments 3 replies
-
I have the same issue, the first frames of the lottie animation are played in the bottom right corner and then it goes full screen. |
Beta Was this translation helpful? Give feedback.
-
I have managed to fix this issue by doing the following: in <feature name="LottieSplashScreen">
<param name="ios-package" value="LottieSplashScreen" />
<param name="onload" value="false" />
</feature> Then in my async showSplash() {
const lottie = (window as any).lottie;
await lottie.splashscreen.hide();
await lottie.splashscreen.show();
...
} And finally in my "cordova": {
"preferences": {
"LottieRemoteEnabled": "false",
"LottieAnimationLocationDark": "public/assets/splash-dark.json",
"LottieAnimationLocationLight": "public/assets/splash-light.json",
"LottieFullScreen": "true",
"LottieHideAfterAnimationEnd": "true",
"LottieBackgroundColorLight": "#ffffff",
"LottieBackgroundColorDark": "#000000"
}
} |
Beta Was this translation helpful? Give feedback.
-
I can only strongly advise not to set onload to false. In most cases you should not call |
Beta Was this translation helpful? Give feedback.
-
Not sure if this is a bug or a misconfiguration. When using the plugin with Ionic 6/Capacitor v4, it plays the animation twice, once in the bottom right corner and then secondly in the correct position. It also doesn't extend full screen, however it accepts the background color in full screen when I have changed it to red to test. (Demo attached).
My
capacitor.config.ts
file is as follows:There were numerous suggestions online that hiding the splash screen and then showing it again in the
app.component.ts
file should fix it, but not such luck with these settings:Do you have any suggestions?
Beta Was this translation helpful? Give feedback.
All reactions