bug: White flash appearing when switching between tabs on Android

[wonderdogone]

Type: bug

Platform: android 4.4 webview

when switching between tabs ONLY on Android platform, the app show a white flash. This is in 1.0.0 stable. Not using crosswalk. Forum post http://forum.ionicframework.com/t/white-flash-appearing-when-switching-between-tabs-on-android-in-1-0-0-stable/24774

[mhartington]

Would you instead be able to create a minimal codepen or git repo that I could clone and test out? Just a similar set up of your app

[jordantomax]

Good idea. I will try to do that tonight or tomorrow morning. Thanks for your help.

[andreialecu]

@mhartington I just tested it in my app and the flicker seems to be gone. :+1:

[jgw96]

I have tested the fix using the tabs starter on a Nexus 6 running the Android N preview, a Nexus 7 2013 running 6.0.1, a Moto X 2014 running 5.1 and a Nexus 7 2013 running 4.4.4 and did not see any flashing on any of those devices. Awesome !

[mhartington]

@jordantomax any luck on getting that example together?

[jordantomax]

@mhartington sorry, have been totally swamped! I hope to work on it on Sunday.

[cenderin]

@mhartington I just tested this on my app i'm building and android and iPhone seem to be fixed with #5937.

[danbucholtz]

@jordantomax, have you had a chance to put together an example?

Thanks, Dan

[tgensol]

Hi there,

This fix works well, but it looks the native-page-transitions plugin is then not working properly... transitions are doing crazy things after I put this fix. Do you think it is linked ?

[AdrienDC]

@tgensol Use default parameters for this plugins, it works well with this fix !

[jgw96]

Hello all! As it seems through my testing and you guys testing the fix seems to be working I'm gonna go ahead and close this issue for now. @jordantomax if you get a chance to throw that test together feel free to post and I'll gladly reopen (:. Also @tgensol if the above solution does not fix your issue would you mind opening a separate issue on the bug hour having? Thanks everyone!

[ladmerc]

With the breaking changes in ionic repo, how do we compile and build this

[danbucholtz]

1.x branch is now Ionic 1.3.1. If you clone the repo and checkout the branch, you should be able to run gulp build to generate the distributable files. Please let me know if you have any issues with this.

Thanks, Dan

[ladmerc]

Thanks. already downloaded the dist manually :D

[MarkPare]

+1

[smcreator]

I have fixed this. This happens related to ionic view update ionic bar bevavior: new bar created on before enter and hides old bar (current) an it blinks. Solution is defer hiding current bar to after enter event. Please write to me if you have some questions.

[ericmachine88]

@smcreator could you share the code snippets?

[shrijan]

I still got same problem .... any code snippets Thanks

[ladmerc]

I think this issue is fixed in recent ionic versions.

[davebcn87]

I had the same problem and the response from @princefr was the key. I had multiple navigation bars over the views. While adding the ion-nav-bar only on the top of my tabs.html file I fixed the problem:

<ion-nav-bar class="my-custom-bar">
  <ion-nav-back-button class="button-clear">
    <i  class="button button-icon ion-android-arrow-back" ng-click="vm.goBack()"></i>
  </ion-nav-back-button>
</ion-nav-bar>

<ion-tabs>
....
</ion-tabs>

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.