NativeScript ListView图像渲染

我是NativeScript的新手，正在尝试找出如何使用淡入/不透明度效果渲染图像。我有一个列表视图，旁边有文本和图像。当我上下滚动时，图像会重新加载。它们实际上在每次显示时都会再次渲染。我想动画，如果可能的话<每次加载图像时都会调用code>load=“slikaUcitana”，但当我上下滚动时，这不起作用

以下是我的观点：

<ListView.itemTemplate>
<StackLayout>

 <GridLayout columns="auto, *" route="browse/browse-page" title="Browse" itemTap="onNavigationItemTap">
   <Image row="0" col="0" loaded="slikaUcitana" class="lista-artikli-slika" id="slicice" opacity="0" stretch="aspectFit" src="{{ 'http://www.mydomain_IMAGE_LOCATION/' + slika_image }}" />
  </GridLayout>


 </StackLayout>
</ListView.itemTemplate>

function slikaUcitana(args){
    var page = args.object;
    console.log('slika je ucitana, argumenti: ', page);
    page.getViewById("slicice").animate({
        opacity: 1,
        duration: 1000 
      });

}
exports.slikaUcitana = slikaUcitana;

---

是否有用于滚动图像渲染的插件？

我以前也遇到过同样的问题。不应该从组件设置图像动画（尽管可以）。我建议使用css。对于重新加载图像，您需要缓存图像，并且可以使用插件实现它。对于css动画，请检查插件或从中复制fadeIn动画代码

我以前也有过同样的问题。不应该从组件设置图像动画（尽管可以）。我建议使用css。对于重新加载图像，您需要缓存图像，并且可以使用插件实现它。对于css动画，请检查插件或从中复制fadeIn动画代码