hello..thank you so much for this video.very well explained. a simple problem i am having. after the splash screen loads there is a white screen for a very brief moment just before the app opens the root page. do you have any idea how to solve this problem. i used capacitor.
Yes, its for cordova only. However you can use cordova to generate the assets, then manually copy them over to your intended capacitor project. It would still save a significant amount of time.
I'm a year late, but this can help new readers... In my Capacitor Ionic app I successfully got it to work in these steps: 1. in root folder create /resources folder and add icon.png (512x512 min) and splash.png (1920x1920 min) 2. npm install -g cordova-res 3. cordova-res android --skip-config --copy (for Android, obviously!) This generated all the many icon and splash image variations and renamed and copied them to my Android project in Ionic.
@@JBuchmann what's the difference between capacitor and Cordova ? Sorry iam new to this ionic framework and want to change the angular icon launcher on Android, so what to use ? Cordova one or capacitor ?
@@haritsyusuf2503 Well, I think for these icons you need to use Cordova. But this is only to get these dang icons to automatically get generated. You can continue to use Capacitor for everything else. As for difference between Cordova and Capacitor, I'm not seasoned enough to explain too well.... but the way i see it is Cordova is old tech, and the new modern tech is Capacitor. But in some cases you need to dip into the Cordova for some things like this. Or if Capacitor doesn't have what you need for some plugin, then you can use Cordova. Please someone more pro correct me if I'm wrong!
can I use an exisitng project or would it rewrite everything
hello..thank you so much for this video.very well explained. a simple problem i am having. after the splash screen loads there is a white screen for a very brief moment just before the app opens the root page. do you have any idea how to solve this problem. i used capacitor.
If your app needs longer than 3 seconds to load, configure the default duration by setting launchShowDuration in your capacitor.config.json
How can I add animated splash screen in ionic. I tried Lottie but app is not working. Any solution for animated splash screen.
Thank you
You're welcome
do they have to be png files or can they also be jpeg?
has to be PNG, jpeg will NOT work
What's that again about 1200 x 1200 px on the image real content?
it zoom on it can we control that size ?
This doesn't work for capacitor, only cordova.
Yes, its for cordova only. However you can use cordova to generate the assets, then manually copy them over to your intended capacitor project. It would still save a significant amount of time.
I'm a year late, but this can help new readers... In my Capacitor Ionic app I successfully got it to work in these steps:
1. in root folder create /resources folder and add icon.png (512x512 min) and splash.png (1920x1920 min)
2. npm install -g cordova-res
3. cordova-res android --skip-config --copy (for Android, obviously!)
This generated all the many icon and splash image variations and renamed and copied them to my Android project in Ionic.
@@JBuchmann what's the difference between capacitor and Cordova ? Sorry iam new to this ionic framework and want to change the angular icon launcher on Android, so what to use ? Cordova one or capacitor ?
@@haritsyusuf2503 Well, I think for these icons you need to use Cordova. But this is only to get these dang icons to automatically get generated. You can continue to use Capacitor for everything else. As for difference between Cordova and Capacitor, I'm not seasoned enough to explain too well.... but the way i see it is Cordova is old tech, and the new modern tech is Capacitor. But in some cases you need to dip into the Cordova for some things like this. Or if Capacitor doesn't have what you need for some plugin, then you can use Cordova. Please someone more pro correct me if I'm wrong!
이곳에서의 글은 나의 문제를 해결하지 못했다. 나는 최초 어플리케이션 로드에 검은색(또는 하얀색)의 화면이 뜨는 것을 해결하고 싶지만, 여기 영상에서도 마찬가지이다. 이것을 해결해야만 한다. 만약 한국인이 것은 번역체라 그렇다.
어떤 버전을 사용하고 있습니까? Cordova 또는 Capacitor를 사용하고 있습니까?
@@CodeSwag Cordova입니다. 그러나 저는 이 문제를 해결하기위해 react native로 프로젝트를 변경했습니다. 감사합니다.
wakanyanya
adadw