Я давно работаю с Ionic и сделал большинство своих приложений на платформе Ionic 3.
Сейчас я разрабатываю приложение для выбора изображения.
В этом приложении у меня есть список вкладок. каждая вкладка представляет собой библиотеку квасцов на устройстве.
И первая вкладка для списка всех изображений из всех альбомов.
Поэтому, когда пользователь нажимает на вкладку, я показываю список virtualScroll с сеткой изображений на этой вкладке, изображения взяты с устройства.
Проблема в том, что при быстрой прокрутке / пролистывании вверх и вниз я вижу белую область в течение 1-3 секунд и только после этого вижу изображения.
Я застрял с этой проблемой на неделю!
В чем проблема и как я могу это исправить?
Вы можете увидеть демонстрацию того, о чем я говорю, на этом видео, которое я сделал
https://www.youtube.com/watch?v=CsacKtyKcpA
И снимок экрана:
Вот мой HTML-код для отображения изображений:
<ion-header>
<ion-navbar>
<ion-title>images: {{pageTitle}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<div class="wrapper-div">
<ion-grid [virtualScroll]="albumImages" [approxItemHeight]="'100px'" bufferRatio="5">
<ion-row>
<ion-col col-4 *virtualItem="let image">
<div class="image" [style.height.px]="imageHeight">
<img-loader [src]="image.url" useImg></img-loader>
</div>
</ion-col>
</ion-row>
</ion-grid>
</div>
</ion-content>