ScrollView внутри ListView с использованием проблемы ng-template - PullRequest
Новая
       57

ScrollView внутри ListView с использованием проблемы ng-template

2 голосов
/ 16 июня 2020

Я использую ng-template + ListView для pu sh Dynami c содержимого, такого как изображения.
ListView находится внутри ScrollView.
Мне нужно прокрутить всю страницу, избегая двойной прокрутки, вызванной ListView.
В качестве обходного пути я поставил isUserInteractionEnabled="false" на ListView, чтобы заблокировать содержимое и предотвратить прокрутку, но содержание похоже на "вырезано", и я больше не могу прокручивать, даже если есть другие изображения для показа.

Код: 

<ListView [items]="items" isUserInteractionEnabled="false">
            <ng-template let-item="item">
                <GridLayout columns="auto" rows="*, *">
                    <GridLayout row="0" col="0" columns="auto" rows="*">
                        <Image col="0" row="0" stretch="fill" height="240" width="240" [src]="item.imageSquare.url"></Image>
                    </GridLayout>
                    <GridLayout row="1" col="0" columns="auto" rows="*">
                        <Image col="0" row="0" stretch="fill" height="160" width="540" [src]="item.imageRect.url"></Image>
                    </GridLayout>
                </GridLayout>
            </ng-template>
        </ListView>

enter image description here

1 Ответ

0 голосов
/ 18 июня 2020

Вы должны дать высокую оценку списку, чтобы производительность работала хорошо 

<ListView height="150" [items]="items">

do c

...