Ionic Virtual Scroll是否非常越野车？

Question

我正在与Ionic 4一起工作，并试图使Virtual Scroll长时间正常工作而没有成功。

我发现Docs并不详尽，有时语法也很差。如ItemHeight部分所述：

  

一个可选功能，可将每个项目映射到它们的高度内。提供此功能后，离子虚拟滚动可以进行大量优化和快速路径，从而显着提高性能。此功能允许跳过所有DOM读取，这可能会导致大量性能

现在，我没有牛津大学的学位，但是此段有很多错误，没有明确的解释，而且令人困惑。

所以现在。

这个ItemHeight会对性能有所帮助还是会带来性能问题？

我有没有机会让此代码正常工作，因为到目前为止我还不能

((item: any, index: number) => number)

第二个数字在这里看起来像是一个错字，不是吗？

Answer 1

我想我找到了解决方法。

该错误是由ion-virtual-scroll内部的离子标签引起的

所以不要拥有

<ion-virtual-scroll [items]="list">
    <ion-card *virtualItem="let item" (click)="goTo(item)">
      ...
    </ion-card>
</ion-virtual-scroll>

我将代码更改为

<ion-virtual-scroll [items]="list">
    <div *virtualItem="let item" (click)="goTo(item)">
      ...
    </div>
</ion-virtual-scroll>

即使使用不同高度且没有高度的物品，它似乎也可以正常工作

approxItemHeight

属性定义