带有大图像的Nativescript ListView非常慢

时间:2019-05-12 15:32:27

标签: android nativescript

我正在我的应用程序中显示大型图像的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;
}

从视觉上看,这是结果:

enter image description here

当我向下滚动图像时,它太懒了,几乎无法使用。 我也在实际设备上尝试过-同样的问题。我也尝试过使用布局和CSS-问题仍然存在。

可能是什么问题?

0 个答案:

没有答案