时间戳

首页 > 解决方案 > 如何在 Ionic 上创建自定义 SplashScreen？

ionic-framework - 如何在 Ionic 上创建自定义 SplashScreen？

问题描述

我想显示带有动画的自定义启动画面。我尝试添加 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:\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

标签： ionic-frameworkionic4splash-screen

解决方案

尝试查看电容器而不是 Cordova。你仍然可以使用你所有的 Cordova 库，但是 Capacitor 构建更干净一些。我按照本教程进行操作，发现它对好的工具非常有用。它第一次对我有用，对于一些 Ionic 的东西从来都不是这样！

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

推荐阅读