Fit fixed number of list items onto screen

ionic-v1
1

I am trying to have a fixed number of list items on one screen - so I want 8 items to fit nicely on a screen no matter what screen size.

 <ion-content class="has-header" padding="true">
    <ion-list class="myList" data-ng-controller="myController">
      <ion-item data-ng-repeat="item in items"  >
      {{item.name | uppercase}}
      </ion-item>
    </ion-list>
  </ion-content>

So I want the height of the rows to scale so there is no white space at the end of the screen. Is this possible?

I tried to set the height of ion-content to 100% and then try to set the height of ion-item to 20% nothing happens

2

Hi, have you found a solution for this yet?
Ionic v1 or v2…

3

maybe your padding in the ion content mess it up