iOS - White screen before splash screen

[Aljulanda9]

Hi, thanks for the wonderful package. It saved me a lot of time. I have a small issue with the iOS splash screen. It works fine, but there's a white screen right before the splash screen that I specified. Have you seen this before or would you know of a way to get rid of that initial white screen? Thanks

• Edit: device is iPhone 6

[henriquearthur]

I can not reproduce this on iOS emulator and unfortunately I don't have a Mac or real device to test this on.

Can you provide more information like:

• Are you using Objective-C or Swift?
• Does this happens only on the iPhone 6 or emulator as well?
• Please share your ios/Runner/Base.lproj/LaunchScreen.storyboard

[01xJoao]

Hello @henriquearthur

I'm having the same problem, this happens on physical device but also on the emulator.

Video (Also I don't think that black screen in the end is normal?)

File of my launchScreen.storyboard: Storyboard

[henriquearthur]

@joaowd thank you for sharing the video, it is really helpful.

I will look into this soon.

[pph7]

Hi, @henriquearthur first I want to say thank you for the great plugin, I was exactly looking for something like this.
The only issue is, I have the same problem like @joaowd. There is a blank white screen showing before the actual splash screen.
The interesting thing is, that I had the same effect when I created my splash screen manually by modifiying the LaunchScreen.storyboard provided by flutter. I am struggling with this the whole day now.

[pph7]

BTW I am working with XCode 10.3 and so far I have seen this issue on the simulator, I did not test it on a real device yet. Here is my LaunchScreen.storyboard

https://gist.github.com/pph7/eb64869986fcf2336eeb69dc2dca0bc0

[01xJoao]

@pph7 and @henriquearthur Can you guys please test if your app hides the status bar on landscape when you use this package?

Since I installed this the status bar doesn't disappear on landscape.

[pph7]

@joaowd sorry I can't reproduce this because my app does not run in landscape mode. Maybe open another issue?

[01xJoao]

@pph7 I would but I don't really know if the problem is related.

[henriquearthur]

@Aljulanda9 @joaowd @pph7 I have tried to reproduce this issue on a iPhone XR and iPhone 6 simulator but had no success.

I tried to create a fresh project with flutter create, setting up the package and running it. No white screen. I also tried running a personal project - which has more complex loading with Firebase and BLoC, but still no white screen.

Can't reproduce this on default counter example and not in a more complex app.

Also can't reproduce by copying the LaunchScreen.storyboard you guys provided @joaowd @pph7

As you can see on the gif, there is no white or black screen.

Can you guys check if this issue occurs with a fresh flutter project (counter example)?

Maybe the reason I can't reproduce is because my apps are too simple, although I don't think that is a problem given the way that Flutter works, but still I would like to investigate all possibilities. Or maybe is because I'm testing on an emulator inside a Mac OS VM, but if anything that should be a limitation.

[henriquearthur]

@joaowd

Can you guys please test if your app hides the status bar on landscape when you use this package?

Since I installed this the status bar doesn't disappear on landscape.

Tested on fresh app and existing personal app, on both the status bar is hidden during splash screen on landscape mode.

• Have you modified UIViewControllerBasedStatusBarAppearance on Info.plist? (default is false)
• Does it work on portrait?

Please open a new issue so we can keep discussions separated.

[pph7]

@henriquearthur I created a new flutter app and with your plugin, the image shows from the beginning. I noticed though now that when I change the background color in the settings of flutter_native_splash the color shows from the beginning, jus the image is delayed. I will investigate further.

[pph7]

I was able to solve this issue for me. It turns out to be a caching issue with Flutter and XCode. After I did

flutter clean

and resetted the simulated iOS device, the screen showed without a delay.

[01xJoao]

@pph7 flutter clean, didn't solve my problem

[pph7]

@joaowd did you also reset the simulator?

[01xJoao]

@pph7 What do you mean ? Quit and Open the simulator again ?

This also happens on physical devices

[pph7]

Erase all Content and Settings https://stackoverflow.com/a/9088416/284577

[01xJoao]

@pph7 That actually worked! But how do we fix this on a real device ?

(Maybe wont happen on a fresh device ? 🤔)

[01xJoao]

Alright for some weird reason, It started working well on a real device.

[pph7]

@joaowd Great! Caching issues related to the launch screen seem to be very common, as I read in a couple of stackoverflow questions, many of them unrelated to flutter.

[henriquearthur]

As @pph7 pointed out this seems to be a caching problem in iOS development (not related to Flutter or flutter_native_splash) and also a frequent issue:

• https://forums.developer.apple.com/thread/105790
• https://stackoverflow.com/questions/33002829/ios-keeping-old-launch-screen-and-app-icon-after-update

---

Explaining to future readers: flutter clean will delete your build so you have to build again from original code and resetting iOS simulator will clear out the cache.

I will add this information to README on next version so people can solve this quickly.

@Aljulanda9 please try this steps on your app and let us know if it works for you too. I am closing this issue because the solution works for other people with same problem - but if it doesn't work for you then please reopen so we can dig deeper.

And thanks @pph7 for the solution!

[Aljulanda9]

Hi yes the trick worked. Thank you very much :)

[pph7]

Happy to help

[esenmx]

I have same issue and even flutter clean does not solve the issue. There is video from mtechviral and he says that delay related the wrong spec image. But it's just a simple png what could be wrong?

[pph7]

@softronaut did you also try to reset the simulator?

[esenmx]

@pph7 yes, right now I tried with different device, same issue. Actually I realised this issue after ipa build. I think this is iOS issue in general.

[pph7]

@softronaut right, an iOS issue and a caching issue in particular

[esenmx]

I can confirm it's related the image file and caching. I'm not expert at images but I was using a file exported from Photoshop. Now I used a generator and I think it changes the files structure, now it's loading instantly.

[esskar]

@softronaut what image sizes are you using?

[esenmx]

@softronaut what image sizes are you using?

It was not related to size as far as I remember. Just try to optimize image via some web services or save again in something like GIMP, Krita etc. then try again. That's how I managed to solve it.

[ghost]

@softronaut How did you manage to solve this issue? I mean what optimization did you apply to the image using GIMP or Krita? I tried the flutter clean method and nothing is being solved

[esenmx]

@softronaut How did you manage to solve this issue? I mean what optimization did you apply to the image using GIMP or Krita? I tried the flutter clean method and nothing is being solved

There are web services for image size optimization, you can try them. As far as I remember I didn't do any optimization in my case, just did Save as(may be GIMP or may be Preview tool from Mac I can't remember exactly) and it worked.

The point is here, when you save or export image from any other software, it changes the image internally according it's algorithm and that's somehow solves the problem sometimes.

[yourshinsuke]

did you fix?

[pph7]

@yourshinsuke please check my reply, it is most likely a caching issue

[wlgnsdi]

Erase all Content and Settings https://stackoverflow.com/a/9088416/284577

Thanks!! this is my answer!! :)