0

在之前的 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
4

0 回答 0