Cordova splash screen remove

Question

Is it possible to disable Cordova default splash screen? I have removed the plugin but the default splash screen for iPhone still is showing and for Android the white screen is showing. Can this be fully removed?

Can you try `navigator.splashscreen.hide()` on deviceReady and tell what happens? — Keval, Apr 06 '15 at 13:51
I have added the code but nothign happnes it's the same splash screen is howing again (.run(function($ionicPlatform) { navigator.splashscreen.hide(); $ionicPlatform.ready(function() { setTimeout(function() { //navigator.splashscreen.hide(); }, 5000)) — artur, Apr 06 '15 at 14:52
Inside the ready function, you just need to add `navigator.splashscreen.hide();`. Adding that timeout means you are telling it to be visible for 5 seconds and then hide. — Keval, Apr 07 '15 at 06:25
Have tried but it's the same as previous splash screen is still showing.(.run(function($ionicPlatform) { $ionicPlatform.ready(function() { navigator.splashscreen.hide();) — artur, Apr 07 '15 at 07:22
I do not have experience with iOS, but there are ways to make it work with native code. As for Android, maybe the blank white screen you see is due to the time taken to load your application in phone's main memory? — Keval, Apr 07 '15 at 09:45
The white flash is probably caused by not setting the splash icon correctly: `` with a screen.png file mentioned somewhere — mix3d, Jun 11 '15 at 20:38

score 91 · Accepted Answer · edited Feb 24 '17 at 10:03

91

in your config.xml change the value to none in the below line

<preference name="SplashScreen" value="none"/>

edited Feb 24 '17 at 10:03

Devid Farinelli

7,514
9
42
73

answered Jun 06 '15 at 17:32

Viky293

1,250
12
18

6

This did not work for me: I followed this up with: `ionic platform remove ios` `ionic platform add ios` `ionic build ios` But when running from the xcode, I still have the splash screen. – Bill Butler Aug 04 '15 at 12:01
I haven't tested this on ios, but it worked well for android build. – Viky293 Aug 07 '15 at 09:19
3

@Viky293 it's not working for me.. can you please help? – Vishal Vyas Nov 29 '15 at 13:08
@VishalVyas provide me some more details, are you doing this for android? – Viky293 Nov 30 '15 at 12:38
@Viky293 check my question here http://stackoverflow.com/questions/33983340/ionic-ios-remove-default-splash-screen – Vishal Vyas Nov 30 '15 at 18:04
1

@BillButler to disable the Splash Screen on iOS use `` – Gerard Cuadras May 26 '16 at 23:39
It didn't work for me. Tried changing config.xml as suggested, but nothing. The splash screen is not displayed, but I have a white screen for 4-5 seconds instead. Can I get rid of EVERYTHING and just start the app immediately? thanks – Nick Nov 07 '16 at 08:00
2019: This is not working, to fix see: https://stackoverflow.com/a/54936535/984471 – Manohar Reddy Poreddy Mar 01 '19 at 15:00
Just in case, file location: android/app/src/main/res/xml/config.xml – rzv Jul 07 '22 at 18:56
For ios it's working but for android 12 its not working – Suryakant kumar Nov 14 '22 at 02:32

Ratnam Yadav · Answer 2 · 2019-02-25T16:53:28.447

11

You can try the command to remove cordova splash screen

ionic cordova plugin rm cordova-plugin-splashscreen

edited Feb 25 '19 at 16:53

answered Jul 21 '16 at 06:21

Ratnam Yadav

196
3
10

1

Is it possible to run this on build.phonegap.com? – cronoklee Feb 13 '19 at 11:53
You can use the command as explained here http://docs.phonegap.com/references/phonegap-cli/cordova/. For the above command just write `phonegap cordova plugin rm cordova-plugin-splashscreen` – Ratnam Yadav Feb 25 '19 at 16:52
I have tried this, but still show the splash screen in IOS! – Gheyath Nasani Oct 19 '22 at 12:33
are you using phonegap or cordova ?? – Ratnam Yadav Feb 13 '23 at 15:26

score 5 · Answer 3 · edited Feb 24 '17 at 10:03

5

cordova plugin -rm cordova-plugin-splashscreen

edited Feb 24 '17 at 10:03

Devid Farinelli

7,514
9
42
73

answered Oct 22 '15 at 13:16

mirrrael

67
1
1

5

I guess it should be `rm`, not `-rm` – Cedric Reichenbach Jun 15 '18 at 09:25

score 5 · Answer 4 · answered Mar 01 '19 at 01:03

Tested on android:

To temporarily remove delay caused by splash screen:

<preference name="SplashScreenDelay" value="0" />

To permanently remove splash screen:

cordova plugin rm cordova-plugin-splashscreen

Below did not work:

<preference name="SplashScreen" value="none" />
<preference name="FadeSplashScreenDuration" value="0" />

score 1 · Answer 5 · edited Feb 24 '17 at 10:03

1

try this

<preference name="SplashScreenDelay" value="0" />

You can add this to the intelxdk.config.additions.xmlfile.

edited Feb 24 '17 at 10:03

Devid Farinelli

7,514
9
42
73

answered Jan 23 '17 at 06:26

Abed Putra

1,153
2
17
37

score 0 · Answer 6 · answered Jul 28 '18 at 13:50

0

This will definitely remove splash screen from your project

cordova plugin rm cordova-plugin-splashscreen

answered Jul 28 '18 at 13:50

Puspad sharma

1
1

score -3 · Answer 7 · answered Mar 03 '21 at 15:18

Hi if nothing is working.. for android Goto android build folder find this com\getcapacitor\Splash.java inside capacitor-android project and comment this two line....

line number near by 196 show(a, DEFAULT_LAUNCH_SHOW_DURATION, DEFAULT_FADE_IN_DURATION, DEFAULT_FADE_OUT_DURATION, DEFAULT_AUTO_HIDE, null, null);

line number near by 189 show(a, duration, 0, DEFAULT_FADE_OUT_DURATION, autohide, null, true, config); here you can also set false to 7th parameter - show(a, duration, 0, DEFAULT_FADE_OUT_DURATION, autohide, null, false, config); but it will show you some blank image on startup..so it is good to comment both function....still it is loading white screen at startup..i am finding this issue and soon solve....... then i will update here..

and donot forget to set config.xml setting as told above...

Cordova splash screen remove

7 Answers7

Linked

Related