我正在尝试使用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,即使它是同一张图片,它仍在发生。加载视图后,我关闭了Internet访问,然后尝试滚动并且图像停止加载。我下载它们没有问题,但是当我想添加淡入效果时。只是为了使其看起来更好。