Задержка визуализации Ion Virtual Scroll - PullRequest
Новая
       5

Задержка визуализации Ion Virtual Scroll

0 голосов
/ 05 мая 2020

Я использую виртуальную прокрутку в своем Ioni c 4 (angular). Он работает нормально, но происходит раздражающее поведение:

Когда я прокручиваю вниз или вверх, появляющиеся элементы имеют правильный заголовок, но изображение из другого элемента, и обновление занимает полсекунды. Это очень заметно и раздражает, может ли кто-нибудь мне помочь? Я хочу, чтобы элемент отображался на экране с правильным изображением. Этого не происходит, когда я использую список ion, но я хочу использовать Virtual Scroll для повышения производительности 

<ion-content>
  <ion-virtual-scroll [items]="products" approxItemHeight="215px">
    <ion-card *virtualItem="let p; let itemBounds = bounds;">
      <div>
        <ion-img [src]="p.imgUrl"></ion-img>
      </div>
    <ion-card-header>
      <ion-card-title>{{ p.title }}</ion-card-title>
    </ion-card-header>
    <ion-card-content>{{ p.price}}</ion-card-content>
    </ion-card>
  </ion-virtual-scroll>
</ion-content>
...