时间戳

首页 > 解决方案 > NativeScript RadListView 图像动画不起作用

listview - NativeScript RadListView 图像动画不起作用

问题描述

我正在尝试使用 RadListView 将图像加载到 NativeScript 应用程序中，因为它应该具有图像动画。加载图像时没有动画，当图像显示时我只看到“闪烁”。

我正在使用http.getJSON，当收到数据时，UI 会呈现图像。

我的 XML 在这里：

<lv:RadListView items="{{ myImagesObject }}" id="ls">
<lv:RadListView.listViewLayout>
     <lv:ListViewLinearLayout scrollDirection="Vertical" itemInsertAnimation="Fade" itemDeleteAnimation="Slide"/>
</lv:RadListView.listViewLayout>
<lv:RadListView.itemTemplate>
    <StackLayout orientation="vertical">

        <Image class="lista-katalozi-slika" id="slicice" stretch="aspectFill" src="{{ 'https://www.image_source.site/' + photo }}" /> 

    </StackLayout>
</lv:RadListView.itemTemplate>

问题是，当我上下滚动时，图像正在消失并显示为“眨眼”。根本没有动画。我使用的是纯 js，没有 Typescript 或 Angular。

更新：

好的，这是我录制的短视频。https://mega.nz/#!FLBQlQ7Q!ynYnAmtELWPwZNr-dJFLbVu1tPjfm7_fAI8DVuvGFs0 这更像是图像渲染/兑现问题。我已将固定 src 设置为https://www.miffy.com/frontend/assets/img/icons/og-image-200x200.png，即使它是相同的图像，它仍然会发生。加载视图后，我关闭互联网访问，然后尝试滚动并停止加载图像。我下载它们没有问题，但是当它们我想添加淡入效果时。只是为了让它看起来更好看。

标签： listviewnativescriptradlistview

解决方案

推荐阅读