Tab Content does not paint

@Scipio wrote:

Hi, my app consists of a set of tabs that user navigates through. The issue I am encountering is that on the actual device, the contents of some of the tabs are not getting painted, but when I click certain locations in the screen, the controls on the tab that should have been drawn are active and show dialogs etc. This only happens on an actual device, ie. ios/android, and it happens on both of them. This is the setup I have for the tabs:

  ...
  <ion-tabs selectedIndex="{{(navigationServiceProvider.currentPageIndex | async)}}" (ionChange)="tabChange($event)" #myTabs>        
    <ion-tab [root]="aRoot" tabTitle="A" show="false" (ionSelect)="changeToA()"></ion-tab> 
    <ion-tab [root]="bRoot" tabTitle="B" show="false" (ionSelect)="changeToB()"></ion-tab>    
    <ion-tab [root]="cRoot" tabTitle="C" show="false" (ionSelect)="changeToC()"></ion-tab>
    <ion-tab [root]="dRoot" tabTitle="D" show="false" ></ion-tab>
...

And

@Injectable()
export class NavigationServiceProvider {
...
_currentPageIndex = new BehaviorSubject<Number>(null);
  public readonly currentPageIndex : Observable<Number> = this._currentPageIndex.asObservable();
...
  gotoPage(pageIndex : number) {        
    this._currentPageIndex.next(pageIndex);
  }
}

Ionic Info:

Ionic:

   ionic (Ionic CLI)  : 4.5.0
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.7
Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.2, browser 5.0.1, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-webview 2.2.5, (and 17 other plugins)

I am using “rxjs”: “5.5.11”

If you have any ideas as to what might be causing this, I would love to hear them! Thank you for your help!

Posts: 1

Participants: 1

Read full topic