Splash Screen scaling displays twice #1627

johnwargo · 2019-06-03T11:41:13Z

Description of the problem:
I followed the instructions to configure splash screen scaling described here: https://capacitor.ionicframework.com/docs/apis/splash-screen/#configuration. When the app launches, Capacitor displays my splash screen scaled incorrectly, then adjusts to the scaling I have in my capacitor.config.json file:

"plugins": {
    "SplashScreen": {
      "launchShowDuration": 1000,
      "launchAutoHide": true,
      "androidSplashResourceName": "splash",
      "androidScaleType": "CENTER_CROP"
    }
  },

What I'm expecting is that the splash screen displays once, at the specified scale.

Affected platform

Android
iOS
electron
web

OS of the development machine

Windows
macOS
linux

Other information:

Capacitor version:
5.0
node version:
10.15.3
npm version:
6.9.0
CocoaPods version:

Steps to reproduce:
As described above.

Link to sample project:

The text was updated successfully, but these errors were encountered:

jcesarmobile · 2019-06-07T15:46:54Z

Unlike Cordova, which first shows a grey empty screen and then the splash screen, Capacitor is able to show the splash image from the beginning. But this "trick" is done by first showing theme with the image and then a native view showing the same image (similar to iOS where it first shows the launch storyboard and then the native image).
For some reason, in your case, the theme and the native view don't match and you see the transition from one to the another.

Would be helpful if you could provide the images you are using, or even better if you can provide a sample project.

Meanwhile, if the effect is very annoying for you, you can just remove android:theme="@style/AppTheme.NoActionBarLaunch" from the activity and then it will behave like Cordova apps, showing an empty screen before the native screen with the splash image.

johnwargo · 2019-06-07T19:32:14Z

@jcesarmobile I can make a sample project that shows this, but won't be able to do so for a couple of weeks. Can you delete these once you pull it down?

digaus · 2019-07-31T21:57:57Z

I got the same issue... first splash is stretched and then shown correctly. Removing android:theme="@style/AppTheme.NoActionBarLaunch" is a good workarround though

vfportero · 2019-09-25T11:12:20Z

Having the same issue here wiht a Xiami MI A9SE (5.97-inch touchscreen display with a resolution of 1080x2340 pixels at a pixel density of 432 pixels per inch)

In my case Android is using the xxhdpi image that is this one: https://user-images.githubusercontent.com/1107782/65594996-1317ee00-df94-11e9-9d3c-b0aa3dc56e9e.png

And this is a GIF of the bad behaviour:

As you can see, the first image show is deformed and then have a FOUC to the actual splash screen with androidScaleType set as CENTER_CROP

KevinSleegers · 2019-11-26T20:59:17Z

Any news on how to fix this?

I'm currently facing the same issue where the scaling of the initial splash image does not match the androidScaleType: CENTER_CROP I've defined in capacitor.config.json.

I also did try to remove the android:theme="@style/AppTheme.NoActionBarLaunch" but then the screen is white at first which looks odd since my splash screen is a red image. I haven't been able to find a way to change the background color since that would also kind of solve the issue at this moment. If anyone knows how to do achieve that, please let me know :)

Thanks in advance,
Kevin

raycarter · 2019-12-03T10:15:57Z

Same issue

katzenjunge · 2019-12-18T15:39:41Z

This issue still is a problem. Hoping this will get fixed :)

peterpeterparker · 2019-12-31T11:03:45Z

Instead of removing android:theme="@style/AppTheme.NoActionBarLaunch" as @jcesarmobile suggested, which would display a grey screen before booting your splash, I suggest to set a color as workaround for this first screen, in my case my splash screen main predominant background.

In file android/app/src/main/res/values/styles.xml modify AppTheme.NoActionBarLaunch with your background color, for example:

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
  <item name="android:background">#230F29</item>
</style>

Doing so it is at least a bit less flashy

digaus · 2019-12-31T11:49:11Z

This issue still is a problem. Hoping this will get fixed :)

Tried to fix it myself but it is quite hard or not even possible since you also would have to respect the androidScaleType.
Don't know if @jcesarmobile has an idea how to solve that.

alexcroox · 2019-12-31T12:19:05Z

@peterpeterparker nice work around with the background colour, thank you!

xzilja · 2020-02-02T14:15:00Z

This becomes big issue if custom splash screen is made i.e. in iOS using lottie animation or something it initially shows that screen, then goes to second one that shows just static splash screen image. Is there a way to leave just one of them for easier and more consistent maintenance?

jcesarmobile · 2020-02-06T16:02:05Z

As I explained, the way it works is by first showing a theme with the image as background and then a native view showing the same image. This works fine for simple images, but for more complex images you'll have to tweak your theme, or try 9-Patch images.

With the OP's provided images, there is no noticeable change from the background image to the native image if using the default FIT_XY, but of course, the image is not properly sized.

Sadly the background image can't be sized, I think the people is getting confused because there was a launch_splash.xml file that had android:scaleType="centerCrop" on it.
But that file was not being used, and even if the user changes the theme to use the file, the android:scaleType="centerCrop" doesn't work on bitmaps, only on ImageViews (And ImageViews can't be used in a drawable).

We have removed that file to avoid this kind of confusions. (see #2411).

Though, for the OP's provided images, I've found another way of displaying the image with the "androidScaleType": "CENTER_CROP" configuration option.
This way is showing the Splash image in full screen mode (available on Capacitor 1.5.0).

First in capacitor.config.json add

"androidScaleType": "CENTER_CROP",
"splashFullScreen": true

Then change the theme to also show in full screen

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:background">@drawable/splash</item>
</style>

Going to close since we can't really do anything about this since the launch theme has this limitations, if it doesn't work for you try one of the mentioned workarounds:

Use FIT_XY
Remove the theme (a grey area will be shown instead)
Keep the theme but remove the image and use a color instead
Use a full screen theme and full screen splash screen.

sofiageo · 2020-03-26T16:17:59Z

@jcesarmobile Point 4 is not working. The drawable splash screen is always FIT_XY and ignores scaletype. The only way it worked was by replacing android:background with android:src - but then my app crashes from missing images:

android.content.res.Resources$NotFoundException: Drawable android:drawable/edit_text_material with resource ID #0x108029e
    Caused by: java.lang.RuntimeException: org.xmlpull.v1.XmlPullParserException: <internal>: <nine-patch> requires a valid 9-patch source image

alex-steinberg · 2020-04-01T18:06:31Z

I am migrating a Cordova app to Capacitor and am experiencing this problem using the exact same splash images the Cordova app renders perfectly. The workaround of adding a background colour works but it's a degradation. I'd love to see Lottie support in Capacitor, that would make this problem disappear and allow us to deliver the best possible user experience. Unfortunately, the Cordova plugin doesn't work: timbru31/cordova-plugin-lottie-splashscreen#188

daveshirman · 2020-05-19T16:26:57Z

@peterpeterparker This is the only acceptable solution here. It's honestly pathetic that this isn't mentioned in the Capacitor docs, as if it's a perfect replacement for Cordova splash out of the box.

@mlynch @mhartington This is not good enough. If you want people to trust Capacitor over Cordova, get these basic things right and make sure the docs are correct please.

For anyone else, this is my capacitor.config.json:

  "plugins": {
    "SplashScreen": {
      "launchAutoHide": false,
      "androidScaleType": "CENTER_CROP",
      "showSpinner": true,
      "splashFullScreen": false,
      "splashImmersive": false
    }
  }

My styles.xml - where the hex is the same colour as the background on my splash:

    <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
        <item name="android:background">#4D4D4D</item>
    </style>

NOTE: I have autohide set to false as I programatically hide when I'm ready.

Boby · 2020-05-21T09:30:20Z

+1 on @daveshirman comment, this is happening on capacitor 2.0 also I find quite frustrating for basic stuffs but essential and we have to effortly fix this issue and yes I used the @peterpeterparker method for now and that is the only visible way of solving the issues.

Nuajan · 2020-05-25T19:31:29Z

Hi,
having the same issue and digged on Ionic Forums and find the following.
Just appying as follows it did the job for me, without setting up a color as @peterpeterparker said (it also works but this seems to do the trick on a better way).
Check it out.

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"> <item name="android:windowNoTitle">true</item> <item name="android:windowActionBar">false</item> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowIsTranslucent">true</item> </style>

By the way, i also agree such a simple thing to be so frustating. Maybe not the worst issue on an app but, if all customers have a similarity all around the world is for putting their eyes in such little things - just opening the app - before all the incredible effort behind the scenes.

Regards.

losciur · 2020-06-01T08:43:53Z

THANKS @Nuajan
THIS IS THE SOLUTION FOR ME!

PS: i also agree such a simple thing to be so frustating.

danielehrhardt · 2020-06-28T22:24:48Z

Hi,
having the same issue and digged on Ionic Forums and find the following.
Just appying as follows it did the job for me, without setting up a color as @peterpeterparker said (it also works but this seems to do the trick on a better way).
Check it out.

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"> <item name="android:windowNoTitle">true</item> <item name="android:windowActionBar">false</item> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowIsTranslucent">true</item> </style>

By the way, i also agree such a simple thing to be so frustating. Maybe not the worst issue on an app but, if all customers have a similarity all around the world is for putting their eyes in such little things - just opening the app - before all the incredible effort behind the scenes.

Regards.

Could you share your capacitor.config.json?

btw. between the App Start and the Splash Screen and the WebView load there is a quick blank background with a Color that i am not able to change. Do you know where I can change that?

danielehrhardt · 2020-06-28T23:19:50Z

This is how i do it now:

app.component.ts

setTimeout(() => {
      SplashScreen.hide();
    }, 300);

styles.xml

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">

    </style>

capacitor.config.json

"plugins": {
    "SplashScreen": {
      "launchAutoHide": false,
      "showSpinner": true,
      "androidSpinnerStyle": "small",
      "iosSpinnerStyle": "small",
      "spinnerColor": "#ffffff",
      "backgroundColor": "#21252dff",
      "splashFullScreen": true,
      "androidScaleType": "CENTER_CROP",
      "splashImmersive": false
    }
  },

This was with the native Android start Animations the smoothest way.

maxime-guyot · 2020-07-01T09:37:58Z

The solution of @Nuajan cause crash on android 8 if you set android:screenOrientation="portrait on AndroidManifest.xml
Exception : java.lang.IllegalStateException: Only fullscreen opaque activities can request orientation

To solve problem you should :

remove android:screenOrientation="portrait on AndroidManifest.xml
set orientation on MainActivity.java :

if (android.os.Build.VERSION.SDK_INT > Build.VERSION_CODES.O) {
    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
}

rajdevkar · 2020-07-12T16:26:19Z

Hi,
having the same issue and digged on Ionic Forums and find the following.
Just appying as follows it did the job for me, without setting up a color as @peterpeterparker said (it also works but this seems to do the trick on a better way).
Check it out.

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"> <item name="android:windowNoTitle">true</item> <item name="android:windowActionBar">false</item> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowIsTranslucent">true</item> </style>

By the way, i also agree such a simple thing to be so frustating. Maybe not the worst issue on an app but, if all customers have a similarity all around the world is for putting their eyes in such little things - just opening the app - before all the incredible effort behind the scenes.

Regards.

This Worked! Thank you

DuebassLei · 2020-07-15T05:35:55Z

When the app launches, ,I found twice splash.I fixed：

    <!-- default -->
    <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
        <item name="android:background">@drawable/splash</item>
    </style>
  
    <!-- modified-->
    <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
        <item name="android:background">@null</item>
    </style>

Snowbases · 2020-08-07T22:05:47Z

So frustrating, It takes me the whole night to fix this.

danielehrhardt · 2020-08-11T12:25:37Z

So frustrating, It takes me the whole night to fix this.

How did you fixed it?

vishnuvardhana · 2020-08-24T09:04:59Z

After spending a lot of time on this I found solution for my app.

In AndroidManifest.xml use android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" rather than using NoActionBar.

Cheers,

danielehrhardt · 2020-11-04T16:28:30Z

Just an FYI, hopefully this week I'll be releasing a new splash screen plugin that will let you use layouts as the splash screen and add your own custom animation code without having to hack Capacitor.

Did you released it somewhere?

aparajita · 2020-11-04T18:56:12Z

@danielehrhardt Coming later this week hopefully. The code is done, I have to document everything and make some examples.

AE1NS · 2020-12-10T07:34:30Z

@aparajita Am I right, that your plugin does not affect the native splash image in the first second when launching the app? One Android problem is the stretched image in the first second on certain devices (Pixel 4, Galaxy S20, ...), so I removed the image in my case and set a background color. After this second, the Capacitor Splashscreen or your Splashscreen take over and shows the image properly. But the initial problem with this stretched image cant be fixed, neither with your plugin, right?

aparajita · 2020-12-10T19:44:16Z

Until some changes are made to the way things are done in Capacitor, there isn't much you can do on Android. We are actively working on addressing this in Capacitor 3 so that launch screens will seamlessly transition to the plugin splash screen.

bitflower · 2021-02-03T08:19:22Z

@sergiuturus You want this solution from above: #1627 (comment)

I just tried it and also still had a streched image.

sergiuturus · 2021-02-03T09:11:32Z

EDIT: I added "androidScaleType": "CENTER_CROP" and I thought the splash image was stretched but it seems like the loading spinner is not being centered. Here are 2 screenshots from 2 apps: capacitor (not centered) and cordova.

https://imgur.com/ZuH8Y90
https://imgur.com/a/i0p3kJA

Any idea why this is happening?

AE1NS · 2021-02-08T06:13:40Z

@aparajita Did you/the capacitor team already find a solution for the initial stretched splashscreen issue to be release with capacitor 3?

preeti6695 · 2021-03-30T09:31:43Z

So frustrating, It takes me the whole night to fix this.

can you tell me solution for this?

preeti6695 · 2021-03-30T09:32:13Z

please give me some refrences

thesurya9 · 2021-04-05T10:03:25Z

@peterpeterparker This is the only acceptable solution here. It's honestly pathetic that this isn't mentioned in the Capacitor docs, as if it's a perfect replacement for Cordova splash out of the box.

@mlynch @mhartington This is not good enough. If you want people to trust Capacitor over Cordova, get these basic things right and make sure the docs are correct please.

For anyone else, this is my capacitor.config.json:
  "plugins": {
    "SplashScreen": {
      "launchAutoHide": false,
      "androidScaleType": "CENTER_CROP",
      "showSpinner": true,
      "splashFullScreen": false,
      "splashImmersive": false
    }
  }
My styles.xml - where the hex is the same colour as the background on my splash:
    <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
        <item name="android:background">#4D4D4D</item>
    </style>
NOTE: I have autohide set to false as I programatically hide when I'm ready.

Thanks brother <3

justindfunk · 2021-04-20T17:27:52Z

Same issue. For some reason I couldn't figure out how to hide the splash screen from the code, but by tweaking a few backgrounds based on the responses here, I got it close enough to what I wanted. Not perfect, just close enough.

And yes, this whole thing is completely ridiculous. Literally every person who makes an app on this platform has to go through the splash screen, so how is this even still an issue? How was it ever released in this state in the first place?

Everything I've gone through today trying to solve this, and a few other things that should be fundamental, it's finally convinced me to abandon Ionic completely and go check out React Native. I've been using Ionic for years and it's just been one disaster after another with bad documentation, constant refactoring and dependency conflicts, and absolutely garbage support from the Ionic team. Good riddance.

zLinz · 2021-08-23T05:22:00Z

Hi,
having the same issue and digged on Ionic Forums and find the following.
Just appying as follows it did the job for me, without setting up a color as @peterpeterparker said (it also works but this seems to do the trick on a better way).
Check it out.

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"> <item name="android:windowNoTitle">true</item> <item name="android:windowActionBar">false</item> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowIsTranslucent">true</item> </style>

By the way, i also agree such a simple thing to be so frustating. Maybe not the worst issue on an app but, if all customers have a similarity all around the world is for putting their eyes in such little things - just opening the app - before all the incredible effort behind the scenes.

Regards.

this resolve my problem. thanks bro!

syuraj · 2021-08-29T00:32:43Z

How about new drawable?

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@color/ic_launcher_background"/> <item android:width="200dp" android:height="200dp" android:drawable="@drawable/ic_launcher_foreground" android:gravity="center" /> </layer-list>

and use it like this
<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"> <item name="android:background">@drawable/bootsplash</item> </style>

johannds · 2021-08-30T17:05:51Z

Try this on for size in your capacitor config:

 "plugins": {
  	"SplashScreen": {
			"launchAutoHide": false,
			"androidScaleType": "FIT_XY",
			"backgroundColor": "#000000",
			"showSpinner": false,
                         "splashFullScreen": false,
                         "splashImmersive": false
		}
  },

IMPORTANT: DO NOT FORGET TO UPDATE src/main/assets/capacitor.config.json WITH THE SAME VALUES.

This made the issue go away on my side. I suspect there is an issue somewhere in the code that deals with offsets when the screen is fullscreen or immersive.

ALSO IMPORTANT: you might want to turn launchAutoHide on, unless you manually hide the splash screen in code.

liho00 · 2021-09-11T06:15:15Z

Try this on for size in your capacitor config:
 "plugins": {
  	"SplashScreen": {
			"launchAutoHide": false,
			"androidScaleType": "FIT_XY",
			"backgroundColor": "#000000",
			"showSpinner": false,
                         "splashFullScreen": false,
                         "splashImmersive": false
		}
  },
IMPORTANT: DO NOT FORGET TO UPDATE src/main/assets/capacitor.config.json WITH THE SAME VALUES.

This made the issue go away on my side. I suspect there is an issue somewhere in the code that deals with offsets when the screen is fullscreen or immersive.

ALSO IMPORTANT: you might want to turn launchAutoHide on, unless you manually hide the splash screen in code.

tried, same scaling twice

sathishsundar05 · 2021-09-24T06:19:38Z

Hi,
having the same issue and digged on Ionic Forums and find the following.
Just appying as follows it did the job for me, without setting up a color as @peterpeterparker said (it also works but this seems to do the trick on a better way).
Check it out.

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"> <item name="android:windowNoTitle">true</item> <item name="android:windowActionBar">false</item> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowIsTranslucent">true</item> </style>

By the way, i also agree such a simple thing to be so frustating. Maybe not the worst issue on an app but, if all customers have a similarity all around the world is for putting their eyes in such little things - just opening the app - before all the incredible effort behind the scenes.

Regards.

That really works, great work

enginkarabel · 2021-10-07T18:41:51Z

Hi,

I use different workaround. I add custom_splash.xml at android drawable resource and edit styles.xml.

Capacitor.config.json

"plugins": {
    "SplashScreen": {
      "launchAutoHide": true,
      "launchShowDuration": 2000,
      "androidScaleType": "CENTER_CROP"
    }
 }

styles.xml

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
        <item  name="android:background">@drawable/custom_splash</item>
</style>

custom_splash.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:background="@drawable/splash"
        android:scaleType="centerCrop" />
</layer-list>

This works fine for me.

Pacjonek · 2022-01-04T13:53:12Z

Shame and disgrace that AFTER MORE THAN TWO YEARS (sic!) since the bug was reported, it still hasn't been resolved. I would never in my life buy premium service from a company that so blatantly ignores problems in its own most important child. I totally understand why react-native or flutter is considered better and more developers work with it

I am seeing the same issue as well. The only workaround I found was setting the initial screen to a static background color and not showing the splash image.
<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
    <item name="android:statusBarColor">#000000</item>
    <item name="android:navigationBarColor">#000000</item>
    <item name="android:background">#000000</item>
</style>
The drawback is that you get a blank screen without an image for about a second. If anyone has a better workaround let me know.

The above workaround does not work with the barcode scanner plugin which require transparent background.
My workaround (the drawback with blank white screen still exist there but it work):

    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.NoActionBar">
        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@android:color/white</item>
    </style>
    <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"></style>

bitflower · 2022-01-04T14:23:11Z

@Pacjonek Opensource works the other way round: be grateful for what you got not be thankless for what you didn‘t get.

danielehrhardt · 2022-01-04T14:52:49Z

@bitflower I'm not talking about a project of a one/few developers working on an extra project after hours. I'm talking about the main project of a not-so-small corporation that willingly undertook to create its own version of Cordova because they found that it is not good enough.
And then they stopped fixing bugs... for years
EOT.

Hire a professional developer. Let's fix him this and then make a pull request.

mlynch · 2022-01-04T14:56:11Z

@Pacjonek We actively work on and maintain Capacitor, so I'm not sure what you're talking about. Clearly the workarounds in this issue aren't sufficient for people in here but this is a tricky one to get right. We'll take a look.

jfcere · 2022-01-17T19:12:44Z

I just want to share the two options I found through this post that, to me, seem to be the better alternatives...

@peterpeterparker solution works well! The result is that you get a plain background with the desired color for 1-2 seconds before your splash screen kicks in but still acceptable as it is smooth.

@enginkarabel solution works as we expect the plugin to behave! This fixes the bad resizing that squeezes the splash screen for 1-2 seconds but requires a "little" more work (believe me it's pretty easy).

UPDATE 2022-02-09

The proposed @enginkarabel solution is not working with Android 12. In fact... even with Android 11 and lower it was giving a warning in the console that @drawable/custom_splash was not found and it seems like it was forcing the splash screen to be shown earlier with correct cropping. In Android 12 the warning is now an error and just makes the application hang on.

I had to fall back to @peterpeterparker solution but I don't have the smooth fade-in transition as he does... I assume that this is because he is using the SplashScreen.show method with the fadeInDuration option but in my case, I don't want to wait for Angular to bootstrap to be able to display the splash screen! So... yeah not really a nice solution in the end :(

insel-maz · 2022-04-28T13:38:17Z

We also have crashes with Samsung Galaxy S20 / Android 12.

Because we only use one icon and one background color, I switched to (in addition to #1627 (comment)):

capacitor.config.ts

plugins: {
	SplashScreen: {
		launchAutoHide: false,
		androidSplashResourceName: 'custom_splash',
	},
},

custom_splash.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:drawable="@color/ic_launcher_background"/>
	<item>
		<bitmap android:src="@drawable/splash_icon" android:gravity="center"/>
	</item>
</layer-list>

bhandaribhumin · 2022-04-29T14:42:23Z

This fix is resolve my issue:

timvanuum · 2022-06-01T07:28:00Z

Hi, having the same issue and digged on Ionic Forums and find the following. Just appying as follows it did the job for me, without setting up a color as @peterpeterparker said (it also works but this seems to do the trick on a better way). Check it out.

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar"> <item name="android:windowNoTitle">true</item> <item name="android:windowActionBar">false</item> <item name="android:windowFullscreen">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowIsTranslucent">true</item> </style>

By the way, i also agree such a simple thing to be so frustating. Maybe not the worst issue on an app but, if all customers have a similarity all around the world is for putting their eyes in such little things - just opening the app - before all the incredible effort behind the scenes.

Regards.

It works, but makes startup very slow, a second delay. Using a background color for now. But hoping for a real solution.

ionitron-bot · 2022-11-10T20:07:57Z

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.

jcesarmobile closed this as completed Feb 6, 2020

jcesarmobile added the workaround label Feb 6, 2020

jcesarmobile mentioned this issue Mar 23, 2020

bug: #2616

Closed

4 tasks

silviogutierrez mentioned this issue May 5, 2020

bug: default project has stretched splash screen on certain devices #2873

Closed

4 tasks

alex-steinberg mentioned this issue Oct 10, 2021

bug: Android splash screen shifts (re-scales) as it transitions #4478

Closed

malua mentioned this issue Nov 16, 2021

Stretched launch screen on Android aparajita/capacitor-splash-screen#4

Closed

This comment has been minimized.

Sign in to view

ionitron-bot bot locked and limited conversation to collaborators Nov 10, 2022

Splash Screen scaling displays twice #1627

Splash Screen scaling displays twice #1627

Comments

johnwargo commented Jun 3, 2019

jcesarmobile commented Jun 7, 2019

johnwargo commented Jun 7, 2019 • edited by jcesarmobile Loading

digaus commented Jul 31, 2019

vfportero commented Sep 25, 2019

KevinSleegers commented Nov 26, 2019 • edited Loading

raycarter commented Dec 3, 2019

katzenjunge commented Dec 18, 2019

peterpeterparker commented Dec 31, 2019 • edited Loading

digaus commented Dec 31, 2019

alexcroox commented Dec 31, 2019

xzilja commented Feb 2, 2020

jcesarmobile commented Feb 6, 2020

sofiageo commented Mar 26, 2020 • edited Loading

alex-steinberg commented Apr 1, 2020

daveshirman commented May 19, 2020

Boby commented May 21, 2020

Nuajan commented May 25, 2020

losciur commented Jun 1, 2020

danielehrhardt commented Jun 28, 2020 • edited Loading

danielehrhardt commented Jun 28, 2020

maxime-guyot commented Jul 1, 2020

rajdevkar commented Jul 12, 2020

DuebassLei commented Jul 15, 2020 • edited Loading

Snowbases commented Aug 7, 2020

danielehrhardt commented Aug 11, 2020

vishnuvardhana commented Aug 24, 2020

danielehrhardt commented Nov 4, 2020

aparajita commented Nov 4, 2020

AE1NS commented Dec 10, 2020 • edited Loading

aparajita commented Dec 10, 2020 • edited Loading

bitflower commented Feb 3, 2021 • edited Loading

sergiuturus commented Feb 3, 2021 • edited Loading

AE1NS commented Feb 8, 2021

preeti6695 commented Mar 30, 2021

preeti6695 commented Mar 30, 2021

thesurya9 commented Apr 5, 2021

justindfunk commented Apr 20, 2021

zLinz commented Aug 23, 2021

syuraj commented Aug 29, 2021

johannds commented Aug 30, 2021 • edited Loading

liho00 commented Sep 11, 2021

sathishsundar05 commented Sep 24, 2021

enginkarabel commented Oct 7, 2021

Pacjonek commented Jan 4, 2022 • edited Loading

bitflower commented Jan 4, 2022

This comment has been minimized.

danielehrhardt commented Jan 4, 2022

mlynch commented Jan 4, 2022

jfcere commented Jan 17, 2022 • edited Loading

UPDATE 2022-02-09

insel-maz commented Apr 28, 2022

bhandaribhumin commented Apr 29, 2022

timvanuum commented Jun 1, 2022

ionitron-bot bot commented Nov 10, 2022

johnwargo commented Jun 7, 2019 •

edited by jcesarmobile

Loading

KevinSleegers commented Nov 26, 2019 •

edited

Loading

peterpeterparker commented Dec 31, 2019 •

edited

Loading

sofiageo commented Mar 26, 2020 •

edited

Loading

danielehrhardt commented Jun 28, 2020 •

edited

Loading

DuebassLei commented Jul 15, 2020 •

edited

Loading

AE1NS commented Dec 10, 2020 •

edited

Loading

aparajita commented Dec 10, 2020 •

edited

Loading

bitflower commented Feb 3, 2021 •

edited

Loading

sergiuturus commented Feb 3, 2021 •

edited

Loading

johannds commented Aug 30, 2021 •

edited

Loading

Pacjonek commented Jan 4, 2022 •

edited

Loading

jfcere commented Jan 17, 2022 •

edited

Loading