VirtualScroll and InfiniteScroll together on iOS


#1

CAn I use VirtualScroll and InfiniteScroll together? It’s doesnt work on iOS 9.

<ion-list [virtualScroll]="items">
  <ion-item *virtualItem="#item">
      ...
  </ion-item>
</ion-list>

 <ion-infinite-scroll (infinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
constructor() {
   for (var i = 0; i < 50; i++) {
      this.items.push( this.items.length );
    }
  }
doInfinite(infiniteScroll) {
    setTimeout(() => {
      for (var i = 0; i < 10; i++) {
        this.items.push( this.items.length );
      }
      infiniteScroll.complete();
    }, 500);
  }

Infinite Scroll does not work during using Virtual + Infinite only iOS. Safari, Firefox, Chrome - OK.

Virtual = OK
Infinite = OK
Infinite + ngFor = OK
Virtual + Infinite on Safari = OK
Virtual + Infinite on iOS = NO

“angular2”: “2.0.0-beta.15”,
“es6-shim”: “^0.35.0”,
“ionic-angular”: “2.0.0-beta.6”,
“ionic-native”: “^1.1.0”,
“ionicons”: “3.0.0”,
“rxjs”: “5.0.0-beta.2”,
“webviewbounce”: false,
"UIWebViewBounce: false,
“DisallowOverscroll”: true


#3

This bug is still open, and it refers to the issue you are mentioning here.


#4

Hi dude is your problem solved ???if solved please help i have some issue my infinite scroll is not working with virtual scroll