离子3- approxItemHeight不工作在virtualScroll中

Question

我有一个virtualScroll，其中我指定了approxItemHeight：

<ion-list [virtualScroll]="myArray" [approxItemHeight]="'320px'">
    <ion-item *virtualItem="let myItem"></ion-item>
</ion-list>

当离子创建列表时，approxItemHeight值似乎被忽略了。

以下是页面加载上的离子列表元素：

<ion-list class="list list-ios virtual-scroll" ng-reflect-virtual-scroll="[object Object],[object Object" ng-reflect-approx-item-height="320px" style="height: 89px;">

整个列表的样式被指定为89 to，尽管我将approxItemHeight指定为320 to。

下面是页面加载列表中的第一个离子项元素：

<ion-item class="item item-block item-ios virtual-position" aria-posinset="2" aria-setsize="2" style="transform: translate3d(0px, 44px, 0px);">

滚动列表后，将正确计算其高度，虽然这不再是使用大约尺寸进行初始计算的结果，但此时元素已经初始化，并且所有元素都根据其实际呈现的大小进行计算。

到目前为止，我发现的唯一解决方案是通过css为list元素定义最小高度，但我不确定它是否是一个合适的解决方案，以及它是否会在将来导致问题。

你能帮我理解一下发生了什么吗？

Answer 1

由离子文件

每个模板的大致宽度和高度用于帮助确定应该创建多少个单元格，并帮助计算可滚动区域的高度。

我们可以理解，近似宽度和高度并不用于确定项目的大小。因此，如果您想确定每个项目的大小，只需在css中这样做。