Default ionic starter app showing white screen ios

started app with ionic start demo --v2

changed on html content in 3 tabs. added 1 fab button in one of the tab contents. and image cards on home tab.

Nothing else.

works on ionic serve.

But when app is is built and installed on phone , app reacts weird. Sometimes , splashscreen fades and white screen appears.

Sometimes , splashscreen doesn’t even fade and is stucked.

with the same build it opened successfully once. but all ion-content was blank and app froze.

There was no error while building or running. same is the behaviour on device. on device it always shows white screen.

I’ve got exactly the same

Please let me know if you found something

I guess I will try again.

here’s my system info

Cordova CLI: 6.0.0
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
ios-deploy version: 1.8.5 
ios-sim version: 5.0.6 
OS: Mac OS X El Capitan
Node Version: v4.2.6
Xcode version: Xcode 7.3 Build version 7D175

@Sumeet123 @nikneem

Try these lines in your project level config.xml

<preference name="SplashScreen" value="screen"/>
<preference name="SplashScreenDelay" value="2000"/>

Close the editor…

keep only above two lines related to splashscreen in config.xml file… and comment out other lines related to splashscreen (like FadeSplashScreenDuration, etc)…

After that try this command
ionic prepare
ionic build ios
ionic run ios

The above worked for me… hope this will helpful…let me know whether its working for you or not…

It didn’t work. for first time app launched but content was still not visible and app freezed.


I also not found the clear solution when I start with ionic2. I am running on ionic 2.0.0-beta.32.

At the time when I was tried to fix this splashscreen issue… I tried this one too, to fix the splashscreen problem… change your bundle identifier through Xcode, and then build your project…

now just go through ios.json file inside this path
YOUR PROJECT/Plugins/ios.json

and check whether your new assigned bundle-identifier name changed inside ios.json file at the lines "PACKAGE NAME"

if not then change it by typing or copy-pasting…

for example here I am showing you one…

suppose I change my bundle-identifier to com.ionic.myapp007
then "PACKAGE_NAME": "com.ionic.myapp007" this should be present inside your ios.json file

"installed_plugins": { "cordova-plugin-splashscreen": { "PACKAGE_NAME": "com.ionic.myapp007" }, "cordova-plugin-statusbar": { "PACKAGE_NAME": "com.ionic.myapp007" }, "cordova-plugin-whitelist": { "PACKAGE_NAME": "com.ionic.myapp007" } }, "dependent_plugins": { "cordova-plugin-webserver": { "PACKAGE_NAME": "com.ionic.myapp007" } }

Try this may help you… this too worked for me when i started ionic2…

I actually started again , and now it works. first i added app directory from app built on windows. Thats why it wasn’t working. but i dont know why that matters.

but i still have issues related to content scroll. Content scroll freezes on tab change

@nikneem Hope you have successfully resolved the white screen issue.

if in a case still, you are facing issue… then follow below link… this might help you.

Fix splash screen white screen issue