ionic-framework - Ionic Virtual Scroll 是否有问题？

Question

我正在使用 Ionic 4 并试图让 Virtual Scroll 正常工作但没有成功，实际上很长时间。

我发现文档非常详尽，有时语法很差。正如 ItemHeight 部分所说：

将每个项目映射到其高度内的可选函数。提供此功能后，ion-virtual-scroll 可以采取大量优化和快速路径，从而大幅提高性能。此功能允许跳过所有 DOM 读取，这可能会导致大量性能

现在，我没有牛津学位，但这一段错误很多，没有明确的解释，令人困惑。

所以现在。

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

我有没有机会让这段代码工作，因为直到现在我还不能

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

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

score 0 · Accepted Answer

我想我找到了解决方案。

该错误是由 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

属性定义

1 回答 1