Ionic transitions getting white page only in ios

Question

Im developing an app in ionic and its working perfectly fine in android, emulators and web (with ionic serve). But when is running in ios devices in transitions between pages suddenly it shows a white view instead the view that it have to display. This doesn't happen all time and i didn't figured out when specifically happen.

I appreciate any help.

Adriano Spadoni · Answer 1 · 2015-09-02T12:29:27.387

2

it is probably a javascript error. To find it, the best way is:

first connect the phone with your mac (must be a mac) by USB.
Open Safary (no Chrome or Firefox)
In the Safary settings -> Advanced -> enable develop tools
Now on Safary will appear a develop menu on the top, click on it and you will see your phone and the app running, click on it.
In the develop tools, will appear all the console you normally see testing with ionic serve, but in the real device.
Just use the app and when you get a black page check the javascript error on safary develop tool.

I hope it helps, it did helped me a lot after discover it.

edited Sep 02 '15 at 12:29

answered Sep 02 '15 at 12:20

Adriano Spadoni

4,540
1
25
25

Thanks for your help, i didnt know about this way to debugging in ios!!! Nevertheless this didnt solve my problem, in the console doesnt appear any error when the blank page appears. – Matias Araya Sep 03 '15 at 13:48
What about the HTML? Did you check it? Maybe it opened a link and navigate to a blank page. An '' that get intercepted by javascript been clicked before the interceptor has been registered. – Adriano Spadoni Sep 04 '15 at 19:43

score 1 · Accepted Answer · answered Sep 08 '15 at 19:03

1

Finally I resolve it, it was a problem with transitions of ionic in ios. Adding this line to config in app.js like this

    .config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) { 
        $ionicConfigProvider.views.swipeBackEnabled(false);
    }

Disable all back navigations transitions with swipe.

answered Sep 08 '15 at 19:03

Matias Araya

56
6

I think this has fixed it for me too. Thank you very much @Matias Araya! – Siyah Nov 12 '17 at 19:31

score 0 · Answer 3 · edited May 23 '17 at 12:31

For what I searched, it can be a lot of things.. What helped me to figure out my case was small commits. Anyway, I tried to use default param values and it doesn't work for my webview in iOS. If that's your problem too, you can see an alternative way to do default param values here: Set a default parameter value for a JavaScript function

didn't work:

function(param = defaultValue){}

did work:

function(param){    
  param = param ? param : defaultValue;
}

score 0 · Answer 4 · edited Jul 07 '17 at 14:48

0

Simply use can-swipe-back="false" on your ion-view element.

edited Jul 07 '17 at 14:48

skuntsel

11,624
11
44
67

answered Jul 07 '17 at 14:26

Diego Ribeiro

1
3

Ionic transitions getting white page only in ios

4 Answers4

Linked