Android ion-content is Getting Blank After Page Changed


#1

I’m experienced with ionic 1, now I try to move on ionic 2, because I think that ionic 2 is better than ionic one overall.

But I have some issue, when I try to chage page, on android content inside ion-content just blink and desapear. In ios all content appear properly.
What’s wrong with my code?

This is my html code

<ion-navbar *navbar hideBackButton class="show-navbar text-center" [attr.royal]="isAndroid ? ' ' : null">
  <ion-buttons start>
    <button royal>
      <ion-icon name="notifications"></ion-icon>
    </button>
  </ion-buttons>
  
  <span class="button-user text-center">
    <div class="username">m4drick</div>
    <div><ion-icon name="ios-arrow-down" role="img"></ion-icon></div>
  </span>
  
  <ion-buttons end>
    <button royal>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-buttons>
</ion-navbar>

<ion-content class="cards-bg social-cards">
  <ion-card>
    <ion-card-header>
      Header
    </ion-card-header>
    <ion-card-content>
      The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
    </ion-card-content>
  </ion-card>
</ion-content>

I don’t do nothing secial in my ts code.
I just navigate to that html page using this.nav.push(TimelinePage);

Check this video.
https://vid.me/trPV

Thanks before.


#2

Check errors in console.


#3

can you also provide your .ts code


#4

On which version of Android are you testing? Ionic 2 supports Android 4.4 and up. If you need to support Android version older than 4.4 then you can use Crosswalk: