Ionic5 ios show blank sceen after splash screen

bangbala05 · January 28, 2021, 10:09am

Now i create ionic app for ios and run on xcode with simulator but after splash screen app show blank withe screen

Xcode : Log

**2021-01-28 16:32:08.010301+0700 BSM Application[2005:55542] Apache Cordova native platform version 6.1.1 is starting.**

**2021-01-28 16:32:08.010514+0700 BSM Application[2005:55542] Multi-tasking -> Device: YES, App: YES**

**2021-01-28 16:32:08.226074+0700 BSM Application[2005:55542] The preference key "AllowNewWindows" is not defined and will default to "FALSE"**

**2021-01-28 16:32:08.227756+0700 BSM Application[2005:55542] The preference key "MediaPlaybackAllowsAirPlay" is not defined and will default to "TRUE"**

**2021-01-28 16:32:08.234270+0700 BSM Application[2005:55542] The preference key "AllowBackForwardNavigationGestures" is not defined and will default to "FALSE"**

**2021-01-28 16:32:08.234513+0700 BSM Application[2005:55542] The preference key "Allow3DTouchLinkPreview" is not defined and will default to "TRUE"**

**2021-01-28 16:32:08.234624+0700 BSM Application[2005:55542] CDVWebViewEngine will reload WKWebView if required on resume**

**2021-01-28 16:32:08.234736+0700 BSM Application[2005:55542] Using WKWebView**

**2021-01-28 16:32:08.235138+0700 BSM Application[2005:55542] [CDVTimer][console] 0.056982ms**

**2021-01-28 16:32:08.235376+0700 BSM Application[2005:55542] [CDVTimer][handleopenurl] 0.079036ms**

**2021-01-28 16:32:08.237498+0700 BSM Application[2005:55542] [CDVTimer][intentandnavigationfilter] 1.990080ms**

**2021-01-28 16:32:08.237711+0700 BSM Application[2005:55542] [CDVTimer][gesturehandler] 0.054955ms**

**2021-01-28 16:32:08.237859+0700 BSM Application[2005:55542] [CDVTimer][TotalPluginStartup] 2.807021ms**

**2021-01-28 16:32:08.280396+0700 BSM Application[2005:55542] WF: === Starting WebFilter logging for process BSM Application**

**2021-01-28 16:32:08.280601+0700 BSM Application[2005:55542] WF: _userSettingsForUser : (null)**

**2021-01-28 16:32:08.280736+0700 BSM Application[2005:55542] WF: _WebFilterIsActive returning: NO**

**2021-01-28 16:32:08.299790+0700 BSM Application[2005:55542] DidFinishLaunchingWithOptions**

**2021-01-28 16:32:08.300780+0700 BSM Application[2005:55542] app become active**


**2021-01-28 16:32:08.756270+0700 BSM Application[2005:55542] The preference key "AutoHideSplashScreen" is not defined and will default to "TRUE"**

**2021-01-28 16:32:08.856641+0700 BSM Application[2005:55632] [] nw_protocol_get_quic_image_block_invoke dlopen libquic failed**

**2021-01-28 16:32:08.895275+0700 BSM Application[2005:55640] 7.1.0 - [Firebase/Core][I-COR000003] The default Firebase app has not yet been configured. Add `[FIRApp configure];` (`FirebaseApp.configure()` in Swift) to your application initialization. Read more: https://goo.gl/ctyzm8.**

**2021-01-28 16:32:08.902554+0700 BSM Application[2005:55638] 7.1.0 - [Firebase/Analytics][I-ACS023007] Analytics v.7.1.0 started**

**2021-01-28 16:32:08.903196+0700 BSM Application[2005:55638] 7.1.0 - [Firebase/Analytics][I-ACS023008] To enable debug logging set the following application argument: -FIRAnalyticsDebugEnabled (see http://goo.gl/RfcP7r)**

**2021-01-28 16:32:08.903855+0700 BSM Application[2005:55643] 7.1.0 - [Firebase/Analytics][I-ACS025036] App Delegate Proxy is disabled**

**2021-01-28 16:32:08.915053+0700 BSM Application[2005:55640] 7.1.0 - [Firebase/Analytics][I-ACS800023] No pending snapshot to activate. SDK name: app_measurement**

**2021-01-28 16:32:08.921861+0700 BSM Application[2005:55640] 7.1.0 - [Firebase/Analytics][I-ACS023012] Analytics collection enabled**

**2021-01-28 16:32:08.922400+0700 BSM Application[2005:55640] 7.1.0 - [Firebase/Analytics][I-ACS023220] Analytics screen reporting is enabled. Call +[FIRAnalytics logEventWithName:FIREventScreenView parameters:] to log a screen view event. To disable automatic screen reporting, set the flag FirebaseAutomaticScreenReportingEnabled to NO (boolean) in the Info.plist**

mhartington · January 28, 2021, 1:43pm

Can you please provide more details? What steps did you take exactly, is your project up on github for people to inspect? We need more details

bangbala05 · January 29, 2021, 4:14am

Ionic:

Ionic CLI : 6.12.2 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.5.2
@angular-devkit/build-angular : 0.1101.1
@angular-devkit/schematics : 10.0.8
@angular/cli : 10.0.8
@ionic/angular-toolkit : 3.0.0

Cordova:

Cordova CLI : 10.0.0
Cordova Platforms : android 8.1.0, ios 6.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 6 other plugins)

Utility:

cordova-res : 0.15.2
native-run (update available: 1.3.0) : 1.2.2

System:

ios-deploy : 1.11.3
ios-sim : 8.0.2
NodeJS : v14.15.1 (/usr/local/bin/node)
npm : 6.14.8
OS : macOS Big Sur
Xcode : Xcode 12.4 Build version 12D4e

this config.xml

<content src="index.html" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<allow-navigation href="http://localhost:8100/*" />
<allow-navigation href="http://localhost:8080/*" />
<feature name="CDVWKWebViewEngine">
    <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
<preference name="ScrollEnabled" value="false" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />

<platform name="ios">
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
    <icon height="57" src="resources/ios/icon/icon.png" width="57" />
    <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
    <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
    <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
    <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
    <icon height="20" src="resources/ios/icon/icon-20.png" width="20" />
    <icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" />
    <icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" />
    <icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" />
    <icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" />
    <icon height="29" src="resources/ios/icon/icon-29.png" width="29" />
    <icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" />
    <icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" />
    <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
    <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
    <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
    <icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" />
    <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
    <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
    <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
    <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
    <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
    <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
    <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
    <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
    <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
    <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
    <icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" />
    <icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" />
    <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
    <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
    <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
    <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
    <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
    <splash height="1125" src="resources/ios/splash/Default-Landscape-2436h.png" width="2436" />
    <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
    <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
    <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
    <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
    <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
    <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
    <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
    <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
    <splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" />
    <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    <icon height="216" src="resources/ios/icon/icon-108@2x.png" width="216" />
    <splash height="2688" src="resources/ios/splash/Default-2688h~iphone.png" width="1242" />
    <splash height="1242" src="resources/ios/splash/Default-Landscape-2688h~iphone.png" width="2688" />
    <splash height="1792" src="resources/ios/splash/Default-1792h~iphone.png" width="828" />
    <splash height="828" src="resources/ios/splash/Default-Landscape-1792h~iphone.png" width="1792" />
</platform>
<plugin name="cordova-plugin-whitelist" spec="1.3.3" />
<plugin name="cordova-plugin-statusbar" spec="2.4.2" />
<plugin name="cordova-plugin-device" spec="2.0.2" />
<plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
<plugin name="cordova-plugin-ionic-webview" spec="^4.0.0" />
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
<preference name="WKWebViewOnly" value="true" />

I run app in virsual studio , app it work
I run app in virsual studio and build in xcode , app it work
But when i build only in xcode , app stuck on splash screen

Ps. I’m new for programmer , I never use git before but i’ll try to upload my code to git

mhartington · January 29, 2021, 6:22pm

I mean, can you please provide a github repo to inspect? Not just the details of the app, but how you created. An exact set of steps

bangbala05 · January 30, 2021, 3:57am

Now I try to upload my code to github but not successfull

step I created

After I add platform and prepare
I open xcode and try to build my app to simulator
Build success but after app load splash screen already my app stuck on white space

But if I use ionic cordova run ios in virsual studio with simulator app it working and if I build in xcode same time app not stuck in white screen

Ps. I build in android, it doesn’t have this problem.

Morad-Abdo · February 27, 2021, 10:07am

I have the same problem. Did you solve it ?

Morad-Abdo · February 27, 2021, 12:30pm

same problem here . Did you solve it ?

bangbala05 · March 3, 2021, 3:44am

Now I can solve this problem ,
I remove plugin and install again

exequielc · November 24, 2021, 8:18pm

what plugin? can you share your solution? I’m facing the same issue.

kendam · June 28, 2022, 5:43am

I had the same issue on iOS 6. and this is how I solved it

uninstall and re-install : cordova-plugin-splashscreen

then install :

cordova-plugin-add-swift-support
cordova-plugin-ionic-webview

and modify config .xml :

<preference name="UseSwiftLanguageVersion" value="5" />
<preference name="scheme" value="app" />
<preference name="hostname" value="localhost" />

nelbren · July 7, 2022, 3:42am

Excelent!

Thanks @kendam.

In my case it was only necessary to add this line in the <platform name="ios"> section to the config.xml file and it worked for me:

<preference name="scheme" value="app" />

tgleb · October 9, 2023, 6:53pm

Dude, you are THE BEST!!!

Topic		Replies	Views
Ionic app stuck on Splash screen ionic v5 Ionic Angular	0	694	November 13, 2020
Ionic v5 - IOS stuck on Splashscreen with loading indicator (works on Android) Ionic Native	6	4009	November 20, 2020
Urgent problem with Splashscreen on IOS using Ionic-v1 ionic-v1	1	614	July 20, 2017
White screen instead of splash screen in my iOS device ionic-v3	2	2135	December 13, 2021
Ionic 4 error ios file:///private/var/containers/Bundle/Application/E5E616C0-4389-4848-80FC-6B7EFAF90D41/.../index.html Ionic Native	1	2655	April 7, 2020

Ionic5 ios show blank sceen after splash screen

Related topics