我正在我的应用程序中显示大型图像的ListView。当我说大的时候,我的意思是每个大约4mb(与较小的也一样工作)。
这是我的模板(注意我正在使用Nativescript-Vue):
<template>
<Page class="page">
<ActionBar class="action-bar">
<Label class="action-bar-title" text="Hey"></Label>
</ActionBar>
<StackLayout>
<Button @tap="takePicture" text="Take picture"></Button>
<Button @tap="backup" text="Backup"></Button>
<Button @tap="openGallery" text="Open gallery"></Button>
<Button @tap="getAllImages" text="Get all images"></Button>
<ListView for="image in images">
<v-template>
<Image
class="image"
:src="image.src"
/>
</v-template>
</ListView>
</StackLayout>
</Page>
</template>
我有此图像的CSS:
.image {
background-color: lightblue;
height: 200;
border-radius: 2px;
border-color: red;
border-width: 2px;
}
从视觉上看,这是结果:
当我向下滚动图像时,它太懒了,几乎无法使用。 我也在实际设备上尝试过-同样的问题。我也尝试过使用布局和CSS-问题仍然存在。
可能是什么问题?