Question

我正在使用ionic version 3.18开发应用程序。我使用list和ion-list创建了virtualscroll。当我按下fab (+) button进入新屏幕并返回此屏幕时，ion-list开始出现异常行为。

这是代码

<ion-list no-lines [virtualScroll]="partnerArray">
    <ion-item-sliding *virtualItem="let item; let i=index">
    <ion-item (click)="view(i)">
        <ion-avatar item-start>
        <ion-img class="image" [src]="item.imageUrl" style="height: 50px; width: 50px"></ion-img>
        </ion-avatar>
        <h2>{{item.name}}</h2>
        <p>{{item.email}}</p>
    </ion-item>
    <ion-item-options>
        <button ion-button color="danger" (click)="delete(i)">
        Delete
        </button>
    </ion-item-options>
    </ion-item-sliding>
</ion-list>

这是显示问题的video link。

Answer 1

此问题已在最新Ionic 3.9.2中修复。

更改标签或导航到与该标签不同的页面时包含虚拟滚动组件，虚拟滚动仍在运行特别是侦听窗口调整大小事件的部分。什么时候你出于某种原因在另一个屏幕上调整窗口大小（打开键盘，更改方向，调整浏览器大小，触发该事件在虚拟滚动中并尝试重新计算虚拟滚动零件。不幸的是，它考虑的所有数字然后是错的，因为它不可见。

这是release notes (see the 3.9.0)：

Ionic3 - 从其他屏幕返回时，离子列表无法正确呈现

1 个答案: