title: Ionic ios capacitor splash screen working, but unable to add images
body: <p>I am trying to display a custom splash screen using ionic capacitor. I followed the splash screen documentation and got it working for general color backgrounds. But when I attempt to add images, it doesn't work. Here is my code:</p>
  <p>capacitor.config.json:</p>
  <pre><code>&quot;SplashScreen&quot;: {
     &quot;launchShowDuration&quot;: 2000,
    &quot;launchAutoHide&quot;: false,
    &quot;backgroundColor&quot;: &quot;#00FF00&quot;,
    &quot;androidSplashResourceName&quot;: &quot;splash&quot;,
    &quot;androidScaleType&quot;: &quot;CENTER_CROP&quot;,
    &quot;showSpinner&quot;: false,
    &quot;androidSpinnerStyle&quot;: &quot;large&quot;,
    &quot;iosSpinnerStyle&quot;: &quot;small&quot;,
  
    &quot;spinnerColor&quot;: &quot;#999999&quot;,
    &quot;splashFullScreen&quot;: true,
    &quot;splashImmersive&quot;: true,
    &quot;layoutName&quot;: &quot;launch_screen&quot;,
    &quot;useDialog&quot;: true
   },
  </code></pre>
  <p>app.component.ts:</p>
  <pre><code>console.log('waiting starts!')
  SplashScreen.show({
    showDuration: 2000,
    autoHide: true
  });
  
  
  this.platform.ready().then(async() =&gt; 
  {
    console.log('waiting ends')
    SplashScreen.hide()
  
    StatusBar.setStyle({style:Style.Default});
    ...
  </code></pre>
  <p>source: <a href="https://capacitorjs.com/docs/apis/splash-screen" rel="nofollow noreferrer">https://capacitorjs.com/docs/apis/splash-screen</a></p>
  <p>In my json file I had the screen set to green (with the <code>backgroundColor</code> parameter), which works:</p>
  <p><a href="https://i.stack.imgur.com/OiXJpm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OiXJpm.png" alt="Green Screen" /></a></p>
  <p>But I am unable to get the splash image to work using this documentation: <a href="https://capacitorjs.com/docs/guides/splash-screens-and-icons" rel="nofollow noreferrer">https://capacitorjs.com/docs/guides/splash-screens-and-icons</a>. This is my current setup:</p>
  <p><a href="https://i.stack.imgur.com/eCHLCm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eCHLCm.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/mq5rTl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mq5rTl.png" alt="enter image description here" /></a></p>
  <p>And after following this tutorial (<a href="https://www.joshmorony.com/adding-icons-splash-screens-launch-images-to-capacitor-projects/" rel="nofollow noreferrer">https://www.joshmorony.com/adding-icons-splash-screens-launch-images-to-capacitor-projects/</a>) and running <code>cordova-res ios --skip-config --copy</code> it doesn't work. Does anyone know what is going wrong? I think it may have something to do with my launchscreen storyboard. Earlier in the project, someone else messed around with it so now it looks like this:</p>
  <p><a href="https://i.stack.imgur.com/aedInl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aedInl.png" alt="enter image description here" /></a></p>
  <p>Note: the test image I was using for the splash screen is just a blue canvas, so that's what is on the splash asset if anyone is wondering.</p>