在之前的 ionic 版本中,我在虚拟滚动方面遇到了一些问题(项目被渲染重叠并且需要永远正确渲染)。
自上次更新以来,情况变得更糟,滚动会使虚拟滚动无法正确呈现。
这是一个屏幕截图: https ://youtu.be/tfYSLy6p-y01
这是我的代码片段。所有属性都正确填充,并且 mzk-thumb 的高度和宽度在 CSS 中被锁定。
<ion-content (ionScroll)="onScroll($event);"
[hidden]="!(!timedout && !loading && medias.length!==0)"
>
<ion-list [virtualScroll]="medias"
[approxItemHeight]="iconHeight+ 'px'"
[approxItemWidth]="iconWidth + 'px'">
<div *virtualItem="let item">
<mzk-thumb
[media]="item">
</mzk-thumb>
</div>
</ion-list>
</ion-content>
“medias”对象在设置后也没有被修改……</p>
有关信息:
cli 包:(/Users/millerf/Documents/www/Mozaik/mzk_app/node_modules)
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0
全局包:
cordova (Cordova CLI) : 7.1.0
本地包:
@ionic/app-scripts : 3.1.2
Cordova Platforms : ios 4.5.2
Ionic Framework : ionic-angular 3.9.2
系统:
ios-deploy : 1.9.2
ios-sim : 6.1.2
Node : v8.7.0
npm : 5.5.1
OS : macOS High Sierra
Xcode : Xcode 9.1 Build version 9B55
环境变量:
ANDROID_HOME : not set
杂项:
backend : pro