Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 71531

Ionic 3 - Responsive virtualScroll approxItemWidth and approxItemHeight

$
0
0

@royibernthal wrote:

I have a virtual scroll using ion-list and ion-item in my Ionic 3 app.

<ion-list [virtualScroll]="myArray">
	<ion-item *virtualItem="let myItem"></ion-item>
</ion-list>

ion-item's dimensions need to be a % (percentage) of the device's view port.

I'm specifying the dimensions of elements inside ion-item in % via css in order to make them responsive on all devices.

The problem is, I also need to specify approxItemWidth and approxItemHeight in %, but they can only be specified in px.

How do I solve this issue and make a virtualScroll responsive?

I thought about detecting the screen width and height via javascript and translating the % into px myself for approxItemWidth and approxItemHeight, but since this kind of solution seems pretty easy to implement it makes me wonder if there's a reason this is not possible by design? Maybe I'm missing something?

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 71531

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>