当我滚动到底部时，我的 ion-list 不会显示列表中的最后一项答案

【问题标题】：My ion-list won't show the last item in the list when I scroll to the bottom当我滚动到底部时，我的 ion-list 不会显示列表中的最后一项
【发布时间】：2020-07-24 23:44:46
【问题描述】：

我创建了一个带有标题的离子列表。添加标题后，滚动时不会显示最后一项。

    <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 手机时，看不到最后一项。

【问题讨论】：

我尝试将 *ngFor 移动到 ion-item 但是当我这样做时，标题不再固定。
实际上我注意到的是标题是可滚动的。因此，当我向上移动标题时，我可以查看列表的最后一项

标签： html css ionic4

【解决方案1】：

我遇到了同样的问题，我解决了在列表末尾添加一个带有属性的空项目：lines="none"，这样我什至看不到“离子项目的行” 像这样： <ion-item lines="none"></ion-item>

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

【讨论】：