Question

在之前的离子版中，我遇到了一些虚拟滚动问题（渲染的项目重叠并且需要永久渲染）。

自上次更新以来，情况变得更糟，滚动会使虚拟滚动无法正常呈现。

以下是我的代码片段。所有属性都已正确填充，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”对象不会被修改...

有关信息：

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

Ionic 3 virtualscroll无法在滚动时正确呈现（视频）

0 个答案: