NativeScript RadListView图像动画不起作用

时间:2019-07-19 01:22:45

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

0 个答案:

没有答案