当我滚动到底部时，我的离子列表不会显示列表中的最后一项

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>

顺便说一句，我认为这只是一个离子错误