我在Ionic 3应用程序中使用ion-list和ion-item进行虚拟滚动。
<ion-list [virtualScroll]="myArray">
<ion-item *virtualItem="let myItem"></ion-item>
</ion-list>
离子项的尺寸必须是设备视口的％（百分比）。
我通过css指定嵌套在离子项内的元素的维度，以使它们对所有设备都有响应。
问题是，我还需要在％中指定approxItemWidth和approxItemHeight，但它们只能在px中指定。
如何解决此问题并使virtualScroll响应？
我考虑过通过javascript检测屏幕宽度和高度并将％转换为px我自己的aboutItemWidth和approxItemHeight，但由于这种解决方案似乎很容易实现，这让我想知道是否有这样的原因不可能通过设计？
Ionic是一个移动框架，所以它背后的团队必须在创建virtualList时考虑响应性。
我错过了什么？
答案 0 :(得分：0)
approxItemWidth 可以指定为Company Country
ABC USA
BCD USA
或px个单位。
每个项目模板的单元格的近似宽度。这个维度是 用于帮助确定何时应创建多少个单元格 初始化，并帮助计算可滚动区域的高度。 该值可以使用px或％单位。注意实际渲染 每个单元格的大小来自应用程序的CSS，而这种近似 用于帮助计算项目之前的初始尺寸 渲染。默认值为100％。 - source
至于 approxItemHeight ，您可以尝试这样做：%其中[style.height]="myItemHeight"由您的组件设置myItemHeight