Ionic 3虛擬滾動只顯示一小部分項目

由於我有一個〜360項目數組，並且它只顯示手機中的前15個數據，所以我在使用Ionic 3.3.0虛擬滾動時遇到了問題。有沒有人遇到過這個問題？Ionic 3虛擬滾動只顯示一小部分項目

P.S .:虛擬滾動列表位於具有35％屏幕高度的容器中。不知道這對問題或沒有效果...

this.friendsList = [{name: 'John'},...,{name: 'Zed'}]; 

<div class="friends-list__container"> 
    <ion-list [virtualScroll]="friendsList"> 
    <ion-item *virtualItem="let friend"> 
     {{friend.name}} 
    </ion-item> 
    </ion-list> 
</div>

來源

2017-05-25 Razvan-Catalin Olaru

AFER調查該問題，我已經離開從離子平臺上的bug＃11798（https://github.com/driftyco/ionic/issues/11798/）評論：https://github.com/driftyco/ionic/issues/11798 /＃issuecomment-304463189。希望他們會提供解決方案。 –

研究了這個問題之後，似乎解決方案是添加一個額外的DIV包裝圍繞虛擬滾動列表：

<div class="friends-list__container"> 
    <div> <!-- This is needed for the virtual scroll to work properly --> 
    <ion-list [virtualScroll]="friendsList"> 
     <ion-item *virtualItem="let friend"> 
     {{friend.name}} 
     </ion-item> 
    </ion-list> 
    </div> 
</div>

來源

2017-05-27 17:09:36

Ionic 3虛擬滾動只顯示一小部分項目

回答

相關問題