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

时间:2019-12-05 02:51:47

标签: html css ionic4

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

    <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>

List

从localhost中的chrome看起来还不错,但是当我部署到实际的Android手机上时,看不到最后一项。

1 个答案:

答案 0 :(得分:0)

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

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