Ionic framework 爱奥尼亚3虚拟滚动仅在滚动时显示1项

我有一个问题与离子虚拟滚动，真的需要任何可能的建议来解决它。简言之，我有一个数组，我将从API获取数据。目前，API返回大约100条记录（不提供分页），而且这个数字预计还会增加，所以虚拟卷轴似乎是一个不错的选择。然而，滚动的功能有一个奇怪的问题。首先，它会显示一些记录以填充显示的高度，然后当您开始滚动时，只剩下一个项目，然后将被列表上的下一个项目替换。我附上了一个小视频，这样你们可以更好地了解这件事（1）

非常感谢

以下是相关代码：

<ion-list [virtualScroll]="listOfUnassignedCases" approxItemHeight='50px'>
    <ion-item *virtualItem="let case" (click)="goToAssignConfirm(case)">
      <img style="width:15%;height:auto; margin-right:15px" item-start [src]="case.imageurl" (error)="global.updateImgUrl($event)"/>
      <p style="color:#7e3d92;">{{case.dia_diem_diachi}}, {{case.dia_diem_phuong}}, {{case.dia_diem_quan}}</p>
      <p>{{case.noi_dung}}</p>
      <p>{{case.ngay_phat_sinh}}</p>
      <p style="color:#c14f4f;">Người báo: {{case.nguoi_bao_sdt}}</p>
      <p>{{case.trangthai}}</p>
      <ion-icon item-end ios="ios-arrow-forward" md="ios-arrow-forward"></ion-icon>
    </ion-item>
  </ion-list>

{case.diadiem_diachi}、{{case.diadiem_phuong}、{{case.dia_diem_quan}
{{case.noi_dung}

{{案例.ngay_phat_sinh}

Người báo:{{case.nguoi_bao_sdt}}

{{case.trangthai}}

请检查您的元素高度。谢谢@Kelvinks，请检查我的帖子，我已经更新了我当前使用的代码。子元素的高度设置为50px，但我不太确定如何确定这个数字，因为每个屏幕大小都非常不同。请检查您的元素的高度。谢谢@Kelvinks，请检查我的帖子，我已经更新了当前使用的代码。子元素的高度被设置为50px，但我不太确定如何确定这个数字，因为每个屏幕大小都非常不同。