我在Ionic 3应用程序中使用ion-list和ion-item进行虚拟滚动 .
<ion-list [virtualScroll]="myArray">
<ion-item *virtualItem="let myItem"></ion-item>
</ion-list>
ion-item的尺寸需要是设备视口的%(百分比) .
我通过css指定嵌套在离子项内的元素的尺寸,以使它们对所有设备都有响应 .
问题是,我还需要在%中指定approxItemWidth和approxItemHeight,但它们只能在px中指定 .
如何解决此问题并使virtualScroll响应?
我想通过javascript检测屏幕宽度和高度,并将%转换为px我自己的aboutItemWidth和approxItemHeight,但由于这种解决方案似乎很容易实现,这让我想知道这是不是设计不可能的原因?
Ionic是一个移动框架,因此其背后的团队必须在创建virtualList时考虑响应性 .
我错过了什么?
1 回答
approxItemWidth 可以指定
px
或%
单位 .至于 approxItemHeight 你可以试试这个:
[style.height]="myItemHeight"
其中myItemHeight
由你的组件设置this.myItemHeight = ... + "px";