Ionic 3 - ок .ItemHeight не работает в virtualScroll

У меня есть virtualScroll, где я указываю ок.

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

Кажется, что значение октитемхеайт игнорируется, когда ionic создает список.

Вот элемент ion-list при загрузке страницы:

<ion-list class="list list-ios virtual-scroll" ng-reflect-virtual-scroll="[object Object],[object Object" ng-reflect-approx-item-height="320px" style="height: 89px;">

Стиль всего списка указан как 89 пикселей, хотя я указал для параметра ок.

Вот первый элемент ion-item в списке при загрузке страницы:

<ion-item class="item item-block item-ios virtual-position" aria-posinset="2" aria-setsize="2" style="transform: translate3d(0px, 44px, 0px);">

После прокрутки списка его высота рассчитывается правильно, хотя это больше не результат начального расчета с использованием приблизительных размеров, на этом этапе элементы уже инициализированы, и все рассчитывается в соответствии с их фактическим размером отрисовки.

Единственное решение, которое я нашел до сих пор, - это определить минимальную высоту для элемента списка через css, хотя я не уверен, правильное ли это решение и приведет ли оно к проблемам в будущем.

Не могли бы вы помочь мне понять, что происходит?


person Royi Bernthal    schedule 17.07.2017    source источник


Ответы (1)


В ионном документе:

Приблизительная ширина и высота каждого шаблона используется для определения количества создаваемых ячеек и для расчета высоты прокручиваемой области.

Мы понимаем, что приблизительная ширина и высота НЕ используются для определения размера предмета. Поэтому, если вы хотите определить размер каждого элемента, просто сделайте это в css.

person Duannx    schedule 17.07.2017
comment
и чтобы помочь рассчитать высоту прокручиваемой области. Прочтите мой вопрос еще раз. Проблема в расчетной высоте списка. Я использую css независимо от того, чтобы определить размер элемента для целей рендеринга, это не проблема, проблема в том, что ок. I.temHeight неправильно используется для приблизительных вычислений до того, как произойдет рендеринг. - person Royi Bernthal; 17.07.2017
comment
Извините, я внимательно прочитал ваш вопрос, но все еще не могу понять, в чем ваша настоящая проблема. - person Duannx; 18.07.2017
comment
Высота списка не вычисляется должным образом в соответствии с прибл.ItemHeight. - person Royi Bernthal; 18.07.2017
comment
Вложен ли ваш список ионов в другой элемент? - person Duannx; 19.07.2017
comment
ионное содержание, но так оно и должно быть - person Royi Bernthal; 19.07.2017
comment
Есть ли у вашего содержимого значка атрибут overscroll: auto или scroll? - person Duannx; 20.07.2017
comment
Я не устанавливал никаких атрибутов в ion-content - person Royi Bernthal; 21.07.2017
comment
Можете ли вы сделать плункер, чтобы воспроизвести вашу проблему? - person Duannx; 21.07.2017