Nano Hash - криптовалюты, майнинг, программирование

Мой ion-list не будет отображать последний элемент в списке, когда я прокручиваю вниз

Я создал список ионов с заголовком. Как только я добавил заголовок, последний элемент не будет отображаться при прокрутке.

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

Список

Он отлично выглядит из хрома на локальном хосте, но когда я развертываю его на реальном телефоне Android, последний элемент не виден.

html css ionic4
05.12.2019

  • Я попытался переместить * ngFor в ion-item, но когда я это делаю, заголовки больше не фиксируются. 05.12.2019
  • На самом деле я заметил, что заголовок можно прокручивать. Поэтому, когда я перемещаю заголовок вверх, я могу просмотреть последний элемент списка. 05.12.2019

Ответы:


1

У меня возникла та же проблема, которую я решил, добавив пустой элемент в конец списка с атрибутом: lines="none", чтобы я даже не видел строки ионного элемента, подобные этой: <ion-item lines="none"></ion-item>

Кстати я думаю что это просто ионный баг

24.07.2020
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..