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

【问题标题】：Ionic3 - ion-list not rendering properly when coming back from other screenIonic3 - 从其他屏幕返回时，离子列表无法正确呈现
【发布时间】：2018-05-06 04:28:18
【问题描述】：

我正在使用ionic version 3.18 开发应用程序。我通过使用ion-list 和virtualscroll 创建了list。当我按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。

【问题讨论】：

标签： android angular typescript ionic-framework ionic3

【解决方案1】：

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

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

这是release notes (see the 3.9.0)：

【讨论】：