如何在 Ionic 上创建自定义启动画面?

Question

我想显示带有动画的自定义初始屏幕。我尝试添加 LottieSplashScreen 插件，但我无法做到这一点。 尝试使用此代码

cordova plugin add cordova-plugin-lottie-splashscreen

但我面对

'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:UsersbbaraDesktopGuvercinSepetimpluginscordova-plugin-lottie-splashscreenhooksiosupdate_pod_repo.sh
at C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulescordova-libsrchooksHooksRunner.js:224:23
at _rejected (C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulesqq.js:864:24)
at C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulesqq.js:890:30
at Promise.when (C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulesqq.js:1142:31)
at Promise.promise.promiseDispatch (C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulesqq.js:808:41)
at C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulesqq.js:624:44
at runSingle (C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulesqq.js:137:13)
at flush (C:UsersbbaraAppDataRoamingnpmnode_modulescordovanode_modulesqq.js:125:13)
at processTicksAndRejections (internal/process/next_tick.js:74:9)
Hook failed with error code ENOENT: C:UsersbbaraDesktopGuvercinSepetimpluginscordova-plugin-lottie-splashscreenhooksiosupdate_pod_repo.sh

Answer 1

您正在运行一个科尔多瓦节点，但不是离子科尔多瓦： 科尔多瓦插件添加科尔多瓦插件洛蒂启动画面

根据离子文档：

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

这是参考：

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

这是插件的 github 存储库：

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

Answer 2

尝试研究电容器而不是科尔多瓦。您仍然可以使用所有的Cordova库，但是Capacitor构建更简洁一些。我遵循了本教程，发现它对好的工具非常有用。它第一次对我有用，而某些离子的东西从来没有这种情况！

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

Answer 3

您描述的问题已在 v0.8.1 版本中修复。它起源于在Windows机器上准备/构建iOS平台 - 无论如何都不会工作。因为cordova-ios支持开箱即用的最新Pod安装，所以不再需要同步存储库，即钩子已经过时了。但是，lottie插件不会再失败了。

旁注：我是这个插件的作者。