CODEWITHSUNDEEP
ionic-frameworkionic4splash-screen
Baran Güngör
Baran Güngör

Reputation: 13

How to Create Custom SplashScreen on Ionic?

I want show custom splash screen with animation. I tried add LottieSplashScreen plugin but i can't do this. Tried with this code 

cordova plugin add cordova-plugin-lottie-splashscreen

But i facing 

'sh' is not recognized as an internal or external command,
operable program or batch file.
Failed to install 'cordova-plugin-lottie-splashscreen': Error: Hook failed with error code ENOENT: C:\Users\bbara\Desktop\GuvercinSepetim\plugins\cordova-plugin-lottie-splashscreen\hooks\ios\update_pod_repo.sh
    at C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\cordova-lib\src\hooks\HooksRunner.js:224:23
    at _rejected (C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:864:24)
    at C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:890:30
    at Promise.when (C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:1142:31)
    at Promise.promise.promiseDispatch (C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:808:41)
    at C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:624:44
    at runSingle (C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:137:13)
    at flush (C:\Users\bbara\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:125:13)
    at processTicksAndRejections (internal/process/next_tick.js:74:9)
Hook failed with error code ENOENT: C:\Users\bbara\Desktop\GuvercinSepetim\plugins\cordova-plugin-lottie-splashscreen\hooks\ios\update_pod_repo.sh

Upvotes: 0

Views: 2133

Answers (3)

timbru31
timbru31

Reputation: 365

The issue you are describing was fixed in the v0.8.1 release. It originated from preparing/building the iOS platform on a Windows machine - which won't work anyways. Because cordova-ios supports recent Pod installations out of the box, it's no longer required to sync the repo, i.e, the hook is obsolete. However, the lottie plugin won't fail anymore.

Side note: I'm the author of this plugin.

Upvotes: 0

Chris
Chris

Reputation: 15

Try looking into Capacitor instead of Cordova. You can still use all your Cordova libraries, but the Capacitor build is a bit cleaner. I followed this tutorial and found it very useful with good tools. It worked for me first time, which is never the case with some Ionic stuff!

https://enappd.com/blog/icon-splash-in-ionic-react-capacitor-apps/114/

Upvotes: 0

Mostafa Harb
Mostafa Harb

Reputation: 1675

You are running a cordova node but not ionic cordova: cordova plugin add cordova-plugin-lottie-splashscreen

According to ionic documentation:

npm install @ionic-native/lottie-splash-screen
ionic cordova plugin add cordova-plugin-lottie-splashscreen

And here is the referance:

https://ionicframework.com/docs/native/lottie-splash-screen

And here is the github reposatory of the plugin :

https://github.com/timbru31/cordova-plugin-lottie-splashscreen

Upvotes: 0

Related Questions