當我滾動到底部時，我的離子列表不會顯示列表中的最后一項

Question

我創建了一個帶有標題的離子列表。 添加標題后，滾動時將不會顯示最后一項。

 <ion-card style="height:400px;" class="groupList"> <ion-header style="padding-top: 15px;"> <ion-list-header> <ion-label> My Groups </ion-label> <ion-item lines="none" (click)="createGroup()"> <ion-icon name="md-add"></ion-icon> <ion-label>Create a Group</ion-label> </ion-item> </ion-list-header> </ion-header> <ion-content scroll-y="true"> <ion-list inset *ngFor="let group of myGroups; index as i; trackBy: trackByCreated"> <ion-item [ngSwitch]="group.groupPic" (click)="goToGroupPage(group)"> <ion-avatar *ngSwitchDefault slot="start"> <img [src]="group.groupPic"/> </ion-avatar> <ion-avatar *ngSwitchCase="'false'"> <img src="assets/img/add-an-image.png"/> </ion-avatar> <div style="padding-left: 5px;"> <ion-label> <h6>{{group.groupName}}</h6> </ion-label> </div> </ion-item> </ion-list> </ion-content> </ion-card>

從 localhost 中的 chrome 看起來不錯，但是當我部署到實際的 Android 手機時，看不到最后一個項目。

Answer 1

我遇到了同樣的問題，我解決了在列表末尾添加一個帶有屬性的空項目： lines="none"這樣我什至看不到這樣的“ion-item's lines”： <ion-item lines="none"></ion-item>

順便說一句，我認為這只是一個離子錯誤