Nativescript ListView очень медленно работает с большими изображениями

Question

Я представляю ListView больших изображений в моем приложении. Когда я говорю «большой», я имею в виду около 4 МБ каждый (ужасно работал и с меньшими). ​​

Это мой шаблон (обратите внимание, я использую 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 - проблема сохраняется.

В чем может быть проблема?